/* font-family:'Helvetica W01 Bold'; font-family:'Helvetica W01 Bd Cn'; font-family:'Helvetica W01 Cn'; font-family:'Helvetica W01 Light'; font-family:'Nimbus Sans TW01Lig'; font-family:'Nimbus Sans TW01 Bold'; font-family:'Nimbus Sans TW01'; font-family:'Nimbus Sans DW01LigCon'; font-family:'NimbusSanDW01ConBoldD'; font-family:'Nimbus Sans DW01Con'; */ /* --------------------------------------------------- */ /* --------------- 1. GENERAL PAGE STYLE ------------- */ /* --------------------------------------------------- */ img, div, a, input { behavior: url(images/iepngfix.htc) } .spacing { letter-spacing: 1px;} .nospace {letter-spacing:0px;} .bold {font-weight: bold;} .clear {display:block; clear:both; line-height: 0px;} .special{font-family: Helvetiker;} .helv {font-family:Helvetica LT Std;} .helvcondlight{font-family:'Helvetica W01 Cn'} .helvcondbold{font-family:'Helvetica W01 Bd Cn'} .helvlight{font-family:'Helvetica W01 Light';} .helvbold{font-family:'Helvetica W01 Bold';} img {border: none;} hr {border: none;border-top: 1px solid #CCC; margin: 10px 0;} a img {border:none;} .alignleft {float:left; display:block; margin: 0 15px 15px 0;} .alignright {float:right; display:block; margin: 0 0 15px 15px;} .wsidebar #contentleft {display:block; width: 720px; padding: 0px; margin: 0px; margin-right: 45px; float:left;} .wsidebar #contentright { display:block; width: 194px; padding: 0px; margin: 0px; float:left; } .wosidebar #contentleft {display:block; width: 100%; margin-right: 0px; float:none; clear:both;} .wosidebar #contentright {display:none;} /* --------------------------------------------------- */ /* ----------- 2. GENERAL PAGE LAYOUT STYLE ---------- */ /* --------------------------------------------------- */ #header {margin:0px auto; padding: 0px; display:block; width: 960px; height: 86px; background-image: url(../images/spriteme1.png); background-position: -10px -10px; position:relative;} #header #logo {float:left; display:block;width:148px; height: 60px; padding: 10px 0 0 20px;} #header .tagline {padding-top: 60px; float:left; font-size: 11px; font-weight:bold; color: #333;} #header #topnav {float:right; display:block; padding-top: 60px; margin-right: 10px;} #header #topnav a {display:block; float:left; padding: 0px 10px; border-right: 1px dotted #ccccca; color:#f60;} #header #topnav a.last {border:none;} #header #topnav a:hover {color:#6ac;} #header #buttontwitter {display:block; position: absolute; width:115px; height:20px; background: url(../images/buttontwitter.png) no-repeat 0 0; top: 14px; right: 105px;} #header #buttontwitter:hover {background-position: 0 -20px;} #mainwrapper {display: block; width: 960px; min-width: 960px; margin: 0px auto 25px auto; padding: 0px 30px 30px 30px; background-color: #fff;} #content {display:block; width: 960px; margin: 0 auto 15px auto; padding: 0px;} #topfreetrial {display:block; width: 91px; height: 20px; background: url(../images/spriteme1.png) no-repeat -10px -118px; } #topfreetrial:hover {background-position: -10px -138px;} #mainnav {margin: 0 auto; width: 960px;position:relative; display:block; clear:both; background: #237aa7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzN2FhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTY3OTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #237aa7 0%, #196792 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#237aa7), color-stop(100%,#196792)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #237aa7 0%,#196792 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #237aa7 0%,#196792 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #237aa7 0%,#196792 100%); /* IE10+ */ background: linear-gradient(top, #237aa7 0%,#196792 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237aa7', endColorstr='#196792',GradientType=0 ); /* IE6-8 */ } #mainnav ul {margin:0px; padding:0px;list-style-type:none; height: 42px; clear:both; border-right:1px solid #5693a5; width: 778px;} #mainnav ul li {margin:0px; padding:0px;display:block; float:left; border-right:1px solid #10649b; border-left: 1px solid #5693a5; position:relative; height:42px;} #mainnav ul li.first {border-left: none;} #mainnav ul li.last { } #mainnav ul li:hover {background-color: #18597d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4NTk3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzFhNjE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjVjODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #18597d 0%, #1a6188 42%, #165c82 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18597d), color-stop(42%,#1a6188), color-stop(100%,#165c82)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #18597d 0%,#1a6188 42%,#165c82 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #18597d 0%,#1a6188 42%,#165c82 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #18597d 0%,#1a6188 42%,#165c82 100%); /* IE10+ */ background: linear-gradient(top, #18597d 0%,#1a6188 42%,#165c82 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18597d', endColorstr='#165c82',GradientType=0 ); /* IE6-8 */ } #mainnav ul li.active {background: #0d3853; /* Old browsers */ background: -moz-linear-gradient(top, #0d3853 0%, #145172 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3853), color-stop(100%,#145172)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d3853 0%,#145172 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d3853 0%,#145172 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d3853 0%,#145172 100%); /* IE10+ */ background: linear-gradient(top, #0d3853 0%,#145172 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3853', endColorstr='#145172',GradientType=0 ); /* IE6-9 */ } #mainnav ul li a{display:block; height: 42px; line-height: 43px; padding: 0px 30px; /* padding: 0 45px;*/ color:white; text-transform: uppercase; font-size: 12px; text-decoration:none !important; font-family:'Helvetica W01 Bd Cn';letter-spacing:0.1px;} #mainnav ul li > a:active, #header #mainnav ul li.current {background-color: #0d3853; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMzg1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDUxNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0d3853 0%, #145172 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3853), color-stop(100%,#145172)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d3853 0%,#145172 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d3853 0%,#145172 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d3853 0%,#145172 100%); /* IE10+ */ background: linear-gradient(top, #0d3853 0%,#145172 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3853', endColorstr='#145172',GradientType=0 ); /* IE6-8 */ } #mainnav form#search {position:absolute; top: 8px; right: 8px;} #mainnav form#search input[type="text"] {width: 154px; display:block; border: 1px solid #206b90; border-right: none; line-height: 24px; height:24px; font-size: 14px; float:left; margin: 0px; color: #196893; background-color: #7bafca; padding: 0 5px 0 10px;} input[placeholder], [placeholder], *[placeholder] {color:#196893;} ::-webkit-input-placeholder { color:#196893;} input:-moz-placeholder { color:#196893; } #mainnav form#search input[type="submit"] {display:block; border: 1px solid #206b90; border-left: none; float:left; line-height: 26px; height: 26px; width: 32px; font-size: 14px; background:#7bafca url(../images/spriteme1.png) no-repeat -10px -179px; text-indent: -9999px; font-size: 0px; cursor: pointer;} #mainnav li ul.first {left:-1px; top:100%;} ul.subnav {display:none;} ul.subnav li {background: #237aa7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzN2FhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTY3OTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #237aa7 0%, #196792 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#237aa7), color-stop(100%,#196792)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #237aa7 0%,#196792 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #237aa7 0%,#196792 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #237aa7 0%,#196792 100%); /* IE10+ */ background: linear-gradient(top, #237aa7 0%,#196792 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237aa7', endColorstr='#196792',GradientType=0 ); /* IE6-8 */ clear:both; display:block; width: 238px;} #mainnav li:hover > .subnav { display:block !important; position:absolute; top:42px; left:0px; z-index:10000; visibility:visible;} #mainnav ul.second, #mainnav ul.first { border-right: none;} #mainnav .subnav li:hover > .subnav.second {left: 100%; top:0px; border-right:none !important;} ul.subnav li a {padding: 0 15px !important;} li.last ul.subnav li {/*width: 147px !important;*/} /* --------------------------------------------------- */ /* ----------- 3. SLIDER AREA + CAROUSEL ------------- */ /* --------------------------------------------------- */ #slider {width: 440px; max-width:440px; height: 150px; display:block; margin: 0px 0px 0px 60px; padding 0; overflow:hidden; position:absolute; top: 196px;left: 471px;} #slider .slide {width: 460px; position:relative; height: 150px;} #sliderv10 {width: 480px; max-width:480px; height: 150px; display:block; margin: 0px 0px 0px 60px; padding 0; overflow:hidden; position:absolute; top: 206px;left: 460px;} #sliderv10 .slide {width: 480px; position:relative; height: 150px;} #sliderbox {width: 960px; max-width:960px; height: 344px; margin: 0px 0px 0px 0px; padding: 0px; background-color: #fff; overflow:hidden; position:relative;} #sliderbox #slidercontent {margin: 0px;} #sliderbox .slidebox {width: 960px; height: 344px; position:relative;} #sliderbox .slide-image {width: 960px; height: 396px; position: absolute; z-index: 1; bottom:-16px; left: 0px;} #sliderbox .slidebox .text1 {position:absolute; z-index: 3; display:block; width: 230px; top: 88px; left: 221px; font-size: 20px; color:white; line-height: 24px; text-shadow:#666 2px 2px 5px;} #sliderbox .slidebox .text2 {position:absolute; z-index: 3; display:block; width: 230px; top: 267px; left: 45px; font-size: 20px; color:white; line-height: 24px;text-shadow:#666 2px 2px 5px;} #sliderbox .slidebox .title {position:absolute; z-index: 3; display:block; width: 470px; top: 52px; left: 470px; font-size: 35px; color:white; line-height: 36px; text-transform:uppercase;} #sliderbox .slidebox .box {z-index: 9; display:block; width: 460px; padding: 0;color:white; position:relative; height: 119px; position:relative;} #sliderbox .slidebox .box .titlesmall {text-transform:uppercase; font-size: 18px; margin-bottom: 4px; } #sliderbox .slidebox .box a.orangebutton {margin-top: 0px;display:block; height: 32px; line-height: 36px; font-weight:bold; font-size: 16px; color:white;text-transform:uppercase;text-decoration:none;text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ec6a2c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNmEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2YwNmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDRiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ec6a2c 0%, #f06f2f 24%, #cd4b1b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec6a2c), color-stop(24%,#f06f2f), color-stop(100%,#cd4b1b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* IE10+ */ background: linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6a2c', endColorstr='#cd4b1b',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: 10px 10px 10px #0b4976; -webkit-box-shadow: 10px 10px 10px #0b4976; box-shadow: 10px 10px 10px #0b4976; } #sliderbox .slidebox .box a.orangebutton:hover {background-color: #c5481d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1NDgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDZmMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c5481d 0%, #f06f2f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5481d), color-stop(100%,#f06f2f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* IE10+ */ background: linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5481d', endColorstr='#f06f2f',GradientType=0 ); /* IE6-8 */ } #sliderbox .slidebox .box a.orangebuttonsec {margin-top: 0px;display:block; height: 35px; line-height: 43px; font-weight:bold; font-size: 16px; color:white;text-transform:uppercase;text-decoration:none;text-align:center; background: #ec6a2c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNmEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2YwNmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDRiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ec6a2c 0%, #f06f2f 24%, #cd4b1b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec6a2c), color-stop(24%,#f06f2f), color-stop(100%,#cd4b1b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* IE10+ */ background: linear-gradient(top, #ec6a2c 0%,#f06f2f 24%,#cd4b1b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6a2c', endColorstr='#cd4b1b',GradientType=0 ); /* IE6-8 */ } #sliderbox .slidebox .box a.orangebuttonsec:hover {background-color: #c5481d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1NDgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDZmMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c5481d 0%, #f06f2f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5481d), color-stop(100%,#f06f2f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* IE10+ */ background: linear-gradient(top, #c5481d 0%,#f06f2f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5481d', endColorstr='#f06f2f',GradientType=0 ); /* IE6-8 */ } #sliderbox .slidebox .circle {position:absolute; top:145px ;z-index: 4;} .jcarousel-prev {position:absolute; right: 255px; top: 137px; z-index: 901; cursor: pointer;} .jcarousel-next {position:absolute; right: 188px; top: 137px; z-index: 901; cursor: pointer;} #buttons {display:block; position: absolute; bottom: 23px; right: 254px; background: url(../images/buttons.png) no-repeat 0 0; z-index: 888; width:61px; height: 10px;} #sliderbox .slidebox .box .clip {display:block; width: 173px; height: 132px; padding: 0px; margin: 0px; background: url(../images/videoclip.jpg) no-repeat 0 0; position: absolute; top: 0px; right: 144px;} #sliderbox .slidebox .box .clip a {bottom: 5px; left: 5px; width: 163px; position: absolute;} #carouselbox {width: 100%; margin: 0px; padding: 0px; background-color:#e8e9e9;} #carouselbox #ourcustomers {width: 150px; display:block; line-height: 53px; height: 53px; text-align:center; font-size: 13px; color:#888;float:left; margin-right:15px;} #carouselholder{ width:772px; height:53px; z-index:9; position:relative; float:left; max-height:53px; overflow:hidden;} #carouselholder .prev { position:absolute; left:0px; top:6px; cursor:pointer; } #carouselholder .next { position:absolute; right:8px; top:6px; cursor:pointer; } #carouselholder .carousel { width:696px; margin-left:31px; } #carouselholder ul li { width: 116px; height:53px; float:left; margin: 0; position:relative; } .bx-pager {z-index: 2; position: absolute; bottom: 14px; left: 50%; display:none;} .bx-pager img {margin-right: 5px;} .bx-pager a.dot img {opacity: 0.5;} .bx-pager a.dot.pager-active img {opacity: 1;} .bx-prev {position: absolute; z-index: 99; bottom: 0px; left: 44%; display:none;} .bx-next {position: absolute; z-index: 99; bottom: 0px; left: 56%; display:none;} ul.slidelist li {padding-left: 12px; background: url(../images/bulletcircle.png) no-repeat 0 7px;} a#slidereadmore {display:block; width:130px; height: 48px; background: url(../images/slidereadmore.png) no-repeat 0 0; margin-top: 37px; float:left;} a#slidereadmore:hover {background-position: 0 -48px;} #slideonebut {display:block;width: 175px; height: 38px; margin-top: 0px; margin-left: 6px; background: url(../images/bthiw.png) no-repeat 0 0; text-align:center; color:white; font-size: 16px; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-top: 9px;} #slideonebut:hover {background-position: 0 -47px;} #newfreetrial {display:block; margin: 10px auto 0 auto; width: 117px; height: 39px; background:url(../images/newfreetrial.png) no-repeat 0 0; text-align:center; color:white; font-size: 16px; font-weight:bold; padding-top: 8px;} #newfreetrial:hover {background-position: 0 -47px; } /* --------------------------------------------------- */ /* ----------------- 4. HOMEBOXES -------------------- */ /* --------------------------------------------------- */ #homeboxes {width:926px; padding: 0px 17px; margin: 35px 0px 20px 0px;display:block; padding-bottom: 40px; border-bottom:1px solid #ccc;} #homeboxes .box {display:block; width: 286px; margin-right: 30px;float:left;} #homeboxes .box.last {margin-right:0px;} #homeboxes .box h2 {text-transform:uppercase; float:left; color:#36add2; font-size: 17px; line-height: 26px; margin: 0px 10px 0px 0px; font-family: Arial, Freesans, Sans-Serif;} #homeboxes .box p {line-height: 18px; color: #555; font-weight: bold; letter-spacing: 1px; font-size: 12px; font-family:Arial, Freesans, sans-serif;} /* --------------------------------------------------- */ /* ------------- 5. HOME BOTTOM SECTION -------------- */ /* --------------------------------------------------- */ #homebottom {display:block; width: 960px; padding: 0px; margin: 30px 0px;} #homebottom #news {display:block; float:left; width: 300px; margin-right: 40px; padding: 0px;} #homebottom span.title { font-size: 16px; text-transform:uppercase; padding-bottom: 8px; margin-bottom: 15px; border-bottom:1px solid #d9d9d9; display:block;} .item {display:block; width: 100%; padding-bottom: 10px; margin-bottom: 15px; border-bottom:1px solid #d9d9d9;} .item .info {display:block; float:left; font-family: Arial, Freesans, Sans-Serif; font-weight:bold;} .item.last {border:none;} .item .date {display:block; float:left; margin-right: 15px; width: 64px; text-align:center; } .item .date small {font-size: 11px; line-height: 11px; letter-spacing:-1px; display:block; } .item.smallborder {padding-bottom: 7px; margin-bottom: 8px; border-bottom:1px dotted #d9d9d9;} .item.smallborder.last {border:none;} .item p.socialtitle { font-size: 16px; text-transform:uppercase;display:block;margin:0px; padding:0px; font-family: Arial, Freesans, Sans-Serif;} .item a.social {font-style:italic; font-size: 12px; color:#fd740c;} #homebottom #blog {display:block; float:left; width: 406px; margin-right: 40px; padding: 0px;} #homebottom #blog .blogitem {display:block; width: 100%; padding-bottom: 10px; margin-bottom: 15px; border-bottom:1px dotted #d9d9d9; color:#68c1dd; font-weight:bold; font-size: 12px; letter-spacing:1px; line-height: 18px;} #homebottom #blog .blogitem.last {border:none;} #homebottom #blog .blogitem a {color:#3e3c3a;} #homebottom #blog .blogitem a:hover {color:#fd740c;} #homebottom #socials {display:block; float:left; width: 174px; padding: 0px;font-family: Arial, Freesans, Sans-Serif; } #homebottom #socials img {display:block; float:left; margin-right: 15px;} #butfootone {display:block; width:100px; height: 34px; background: url(../images/butfoot1.png) no-repeat 0 0;} #butfootone:hover {background-position: 0 -34px;} #butfoottwo {display:block; width:120px; height: 34px; background: url(../images/spriteme1.png) no-repeat -10px -719px;} #butfoottwo:hover {background-position: -10px -753px;} #butfootthree {display:block; width:88px; height: 33px; background: url(../images/spriteme1.png) no-repeat -10px -876px;} #butfootthree:hover {background-position: -10px -909px;} #butfootfour {display:block; width:120px; height: 34px; background: url(../images/butfoot4.png) no-repeat 0 0;} #butfootfour:hover {background-position: 0 -34px;} .my_custom_googleplusone{ overflow: hidden; background-image: url(../images/icon-google.png); background-repeat: no-repeat; height: 32px; width: 32px; display:block; float:left; pointer-events: none; margin-right: 15px; position:relative; z-index: 2;} .my_custom_googleplusone:hover{ visibility: hidden; } .hideMe { display:block; float:left; margin-right: 15px; height: 32px; width: 32px; overflow: hidden; position: absolute; z-index: 1;} #butfoot5 {display:block; width:99px; height: 34px; background: url(../images/butfoot5.jpg) no-repeat 0 0;} #butfoot5:hover {background-position: 0 -34px;} #butfoot6 {display:block; width:99px; height: 33px; background: url(../images/butfoot5.jpg) no-repeat 0 -34px;} #butfoot6:hover {background-position: 0 0px;} #butITworld {display:block; width:146px; height: 32px; background: url(../images/spriteme1.png) no-repeat -10px -545px;} #butITworld:hover {background-position: -10px -577px;} .scrollable {display:block; width: 573px; margin-top: 0px;} .scrollable br {line-height:0px; height: 0px; font-size: 0px; display:block; clear:both; margin: 0px; padding: 0px;} #menupages .imageright {display:block; width: 296px; float:right; padding: 0px; border: 0px; margin: 0px;} .viewport { width: 550px; height: 380px; overflow: hidden; position: relative; } .overview { list-style: none; position: absolute; left: 0; top: 0; } .thumb .end, .thumb { background-color: #a7a7a7; } .scrollbar { position: relative; float: right; width: 15px; } .track { background-color: rgba(255,255,255,0.6); height: 100%; width:1px; position: relative; padding: 0px; margin-left: 5px;} .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right: -2px;} .thumb .end { overflow: hidden; height: 5px; width: 13px; } .disable{ display: none; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; } .jspDrag { background: #a7a7a7; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* --------------------------------------------------- */ /* ------------------- 6. FOOTER --------------------- */ /* --------------------------------------------------- */ #footer {display:block; padding: 25px 17px; width: 926px; background-color:#585855;} #footer #credits {display:block; width: 100%; padding-bottom: 15px;border-bottom:1px dotted #898987;} #footer #credits .left {float:left;} #footer #credits .left ul.navbottom {list-style-type:none; margin: 0px; padding: 0px;} #footer #credits .left ul.navbottom li{float:left; border-right:1px dotted #898987;} #footer #credits .left ul.navbottom li.last{float:left; border:none;} #footer #credits .left ul.navbottom li a{display:block; color:white; padding: 0px 10px; line-height: 14px;} #footer #credits .left ul.navbottom li.first a {padding-left: 0px; text-transform:capitalize;} #footer #credits .right {float:right;} #footer #credits .right p{margin: 0px; padding: 0px 5px 0px 0px;color:#b4b4b4;font-size:12px;} #footer #subfooter {display:block; padding: 0px; margin: 0px; margin-top: 15px; color:#ececec; font-size: 11px;} #footer #subfooter .companyinfo {display:block; float:left; width: 170px;} #footer #subfooter .sublinks {display:block; width: 715px; padding-left: 40px; padding-bottom: 25px; border-left:1px dotted #898987;float:left;} #footer #subfooter .sublinks ul {display:block; padding: 0px; margin:0px; margin-right: 65px; float:left; list-style-type:none;} #footer #subfooter .sublinks ul.last {margin: 0px;} #footer #subfooter .sublinks ul li{display:block; margin: 6px 0px;} #footer #subfooter .sublinks ul li a{color:#ececec;} #footerNest {position:relative !important;} #footerNest div.logo {position: absolute; bottom: 0px; right: 0px;} /* --------------------------------------------------- */ /* --------------- 7. HOW IT WORKS PAGE -------------- */ /* --------------------------------------------------- */ .align-left {float:left; margin-right: 22px; margin-bottom: 10px;} #contentleft {font-size: 15px; line-height: 23px; display:block; width: 720px; float:left; margin-bottom: 40px;} #bcols {display:block; width: 100%; padding-top: 20px; margin-top:32px; border-top:1px solid #D9D9D9; font-size: 12px; line-height: 21px;} #bcols .column {display:block; width: 220px; margin-right: 30px; float:left;} #bcols .column.last {margin-right: 0px;} #bcols .column ul {list-style-type:disc !important; font-weight: bold; color:#ababab; padding-left: 17px; margin: 15px 0;} #bcols .column ul li {padding-left: 5px; font-weight: bold; color:#ababab; list-style:inherit; margin-bottom: 10px;} #bcols .column ul li font { font-weight:normal; color: #545454; } #contentright {display:block; float:left; width: 174px; margin-left:32px; font-size: 13px; line-height: 23px;} .orlink {color:#fd740c; font-weight:bold;} .orbutton {display:block; width:166px; height: 32px; background: url(../images/hiw_orbut.jpg) no-repeat 0 0;text-align:center; padding-top: 17px; margin-bottom: 5px;} .orbutton:hover {background-position: 0 -49px;} a#imagebutton {display:block; width: 213px; height: 54px; background: url(../images/hiw_button) no-repeat 0 0; position: absolute; bottom: 14px; right: 30px;} a#imagebutton:hover {background-position: 0 -54px;} /* --------------------------------------------------- */ /* ---------------- 8. PRODUCTS PAGE ----------------- */ /* --------------------------------------------------- */ .accordionelem {display:block; width: 215px; float:left; margin-right:38px;} .datatypes {display:block; width: 215px; float: left; margin-right: 38px;} .datatypes a img:hover {opacity: 1;} .enterprise {display:block; float:left; width: 416px;} .enterprise strong {font-size: 15px; margin-bottom: 15px; display:block;} ul.checks {list-style-type:none; display:block; margin-bottom: 25px;} ul.checks li {display:block; padding-left:25px; margin-bottom: 10px; background: url(../images/prod_bullets.jpg) no-repeat 0 0; font-size: 12px; line-height: 18px;} #platforms {display:block; width: 215px; float:left; margin-bottom: 30px; margin-right: 38px;} #platforms h3 {display:block; margin-bottom: 20px;} #platforms a img:hover {opacity: 1;} #easeofuse {display:block; width: 645px; float:left;} #easeofuse h3 {display:block; margin-bottom: 25px;} #easeofuse strong {font-size: 15px; margin-right: 5px; width:130px; display:block; float:left;} #easeofuse ul {float:left; display:block; width: 506px;} #easeofuse ul li {margin-bottom: 5px !important;} .bluetitle {color:#33a9d9; text-transform:uppercase; font-size: 20px; display:block;} span.acctitle {color:#262626; font-size: 18px; padding-top: 15px; display:block; font-weight:bold;} .bottomtitles {color:#3e3e3c; font-size: 24px; font-weight:bold; display:block;} /* ---------------------------------- 8.1 PRODUCTS PAGE ACCORDION -- */ #accordion {margin: 25px 0; display:block; height: 600px;} #accordion div {border-bottom: 3px solid white;} #accordion h3 {cursor: pointer;} #accordion h3.ui-state-default {display: block; width: 215px; height: 50px; background-color: #f3f3f3;} #accordion h3.ui-state-active {display: block; width: 215px; height: 50px; background-color:#e6e6e6;} #accordion h3 img {padding-top: 18px;} #accordion .ui-icon-triangle-1-e {display:block; width: 5px; height:11px; background: url(../images/prod_acc_notactive.jpg) no-repeat 0 0; float:left; margin-left: 27px; margin-top: 19px; margin-right: 19px;} #accordion .ui-icon-triangle-1-s {display:block; width: 10px; height:11px; background: url(../images/prod_acc_active.jpg) no-repeat 0 0; float:left; margin-left: 25px; margin-top: 23px; margin-right: 15px;} #accordion div.ui-accordion-content {display:block; padding: 20px 10px 35px 18px; background-color:#f3f3f3; border:none !important;} #accordion p {margin-bottom: 10px !important; font-size: 12px; line-height: 20px;} /* --------------------------------------------------- */ /* ------------------- 9. MARKETO -------------------- */ /* --------------------------------------------------- */ .lpeCElement { margin: 0 auto !important; position: relative !important; top: 0px !important; left: 0px !important; } #marketoheader { width: 960px; height: 124px; display: block; margin: 0 auto; background-color:white; border-bottom: 4px solid #ee8c4c; } #logobox { float:right; text-align:right; } #bigtitle { color: #24A0C6; font-size: 26pt; font-family:Arial, Freesans, sans-serif; } .orbuttonmarketo {display:block; width:165px; height: 31px; background: url(../images/hiw_orbut.png) no-repeat 0 0;text-align:center; padding-top: 10px; margin-bottom: 5px;} .orbuttonmarketo:hover {background-position: 0 -47px;} /* --------------------------------------------------- */ /* ----------- 10. PRODUCT AND SERVICE PAGE ---------- */ /* --------------------------------------------------- */ #accordionpas {margin: 25px 0; display:block;} #accordionpas div {border-bottom: 3px solid white;} #accordionpas h3 {cursor: pointer;} #accordionpas h3.ui-state-default {display: block; height: 50px; background-color: #f3f3f3;} #accordionpas h3.ui-state-active {display: block; height: 50px; background-color:#e6e6e6;} #accordionpas .ui-icon-triangle-1-e {display:block; width: 5px; height:11px; background: url(../images/prod_acc_notactive.jpg) no-repeat 0 0; float:left; margin-left: 27px; margin-top: 19px; margin-right: 19px;} #accordionpas .ui-icon-triangle-1-s {display:block; width: 10px; height:11px; background: url(../images/prod_acc_active.jpg) no-repeat 0 0; float:left; margin-left: 25px; margin-top: 23px; margin-right: 15px;} #accordionpas div.ui-accordion-content {display:block; border:none !important;} #accordionpas p {margin-bottom: 10px !important; margin-top: 10px !important; font-size: 12px; line-height: 18px;} #accordionpas article.left {display:block; width: 70px; float:left;} #accordionpas article.right {display:block; width: 445px; float:left;} #accordionpas article.date {display:block; width: 70px; float:right;} #accordionpas article.clear {display:block; clear:both;} #accordionpas article.odd {display:block; padding: 20px 10px 20px 18px; background-color:#f1f1f1;} #accordionpas article.even {display:block; padding: 20px 10px 20px 18px; background-color:#f6f6f6;} #accordionpas article.odd:hover, #accordionpas article.even:hover {background-color:#DCEEFC;} /* --------------------------------------------------- */ /* --------------- 11. SCREENSHOT PAGE --------------- */ /* --------------------------------------------------- */ img.lefty {float:left; margin: 0 26px 26px 0;} img.righty {float:right; margin: 0 0 26px 26px;} div.facebook .pp_previous { background: url(../js/shadowbox/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat !important; cursor: pointer !important; } div.facebook .pp_next{ background: url(../js/shadowbox/images/prettyPhoto/facebook/btnNext.png) center right no-repeat !important; cursor:pointer !important;} div.pp_pic_holder.facebook a.pp_expand, a.pp_contract {left: 30px !important;} div.pp_pic_holder.facebook div.pp_default .pp_details, div.facebook .pp_details {position:static !important;} div.pp_pic_holder.facebook a.pp_close {right: 0px; top: 0px; z-index: 99999999999999999999999;} /* --------------------------------------------------- */ /* ------------------ 12. AWARDS PAGE ---------------- */ /* --------------------------------------------------- */ .awardsitemleft {display:block; width: 100%; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #ccc;} .awardsitemleft p {font-size: 14px; color:#333; line-height: 20px;} .awardsitemleft p.author {color:#0b73a8; text-align:right; padding-top: 4px; font-weight: bold;} .awardsitemright {display:block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;} .awardsitemright p {font-size: 14px; color:#333; line-height: 19px;} .awardsitemright p.title{padding-bottom: 10px; font-weight:bold;} /* --------------------------------------------------- */ /* ------------------ 13. REMOTE OFFICE--------------- */ /* --------------------------------------------------- */ a#multi_18platforms {display:block; width: 155px; height: 36px; position: absolute; right: 430px; bottom: 528px; background: url(../images/multi_platform_18platforms.jpg) no-repeat 0 0;} a#multi_18platforms:hover {background-position: 0 -36px;} a#multi_singlepane {display:block; width: 155px; height: 36px; position: absolute; right: 276px; bottom: 528px; background: url(../images/multi_platform_singlepane.jpg) no-repeat 0 0;} a#multi_singlepane:hover {background-position: 0 -36px;} a#multi_freetrial {display:block; width: 89px; height: 36px; position: absolute; right: 186px; bottom: 528px; background: url(../images/multi_platform_freetrial.jpg) no-repeat 0 0;} a#multi_freetrial:hover {background-position: 0 -36px;} a#remote_requestquote {display:block; width: 113px; height: 36px; position: absolute; right: 162px; bottom: 527px; background: url(../images/remote_office_request_quote.png) no-repeat 0 0;} a#remote_requestquote:hover {background-position: 0 -36px;} /* --------------------------------------------------- */ /* ------------------ 13. SITE MAP --------------- */ /* --------------------------------------------------- */ .sitemaplinks {display:block; float:left; } .sitemaplinks a { color:#232323 !important; font-size: 14px; display:block; margin-bottom:5px; } .sitemaplinks a:hover { color:#666666 !important; } /* --------------------------------------------------- */ /* -------------- 14. SEARCH RESULTS PAGE ------------ */ /* --------------------------------------------------- */ #searchresults {margin: 20px auto; padding: 10px 20px;} #searchresults h2.title {font-size: 26px; margin-bottom: 20px;} #searchresults .result {display: block; margin: 15px 0; padding-bottom: 15px; border-bottom: 1px dotted #CCC; } #searchresults .result h2 {font-size: 18px; margin-bottom: 12px;} #searchresults .result img {float: left; margin-right: 15px; padding: 1px; background-color: black; border: 3px solid white; -moz-box-shadow: 0 0 10px #222; -webkit-box-shadow: 0 0 10px #222; box-shadow: 0 0 10px #222; border: 3px solid white;} #searchresults .result .text {font-size: 14px; line-height: 22px; color: #555;} #searchpagination {display: block; margin: 20px auto; padding: 10px 20px; text-align: center;} #searchpagination a.normal { display: block; float: left; padding: 3px 0px; margin-right: 5px; background-color: #6AC; color: white; width: 23px; text-align: center; margin-bottom: 5px; border: 1px solid #666; } #searchpagination a.normal:hover {background-color: #F60;} #searchpagination a.active {background-color: #F60;} #customerbox {display:block; width: 100%; height: 446px; background:url(../images/customersbg.jpg) no-repeat 0 100%; position:relative;} #customerbox a#piechart {display:block; width: 376px; height: 437px; background: url(../images/piechart1.png) 0 0; position:absolute; bottom: 33px; left: 9px; padding: 0px;} #customerbox a#piechart:hover {background-position: 0 -437px;} /* --------------------------------------------------- */ /* ------------------ 15. PARTNERS PAGE -------------- */ /* --------------------------------------------------- */ #butfootoner {display:block; width:100px; height: 34px; background: url(../images/butfoot1.png) no-repeat 0 -34px;} #butfootoner:hover {background-position: 0 0px;} #butfoottwor {display:block; width:120px; height: 34px; background: url(../images/butfoot2.png) no-repeat 0 -34px;} #butfoottwor:hover {background-position: 0 0px;} #butfootthreer {display:block; width:88px; height: 33px; background: url(../images/butfoot3.png) no-repeat 0 -34px;} #butfootthreer:hover {background-position: 0 0px;} .roibox {display:block; width: 383px; height: 76px; background-color:#f9f9f9; border: 1px solid #d9d9d9; margin-bottom: 10px; position: relative; padding: 20px; font-family:"Arial Black", Gadget, sans-serif; letter-spacing: 0px;} .roibox span.title {display:block; color:#6e6e6e; font-weight: bold; font-size: 16px; margin-bottom: 8px;} .roibox img {display:block; width:auto; float:left; margin-right: 18px;} .roibox span.price {display:block; font-size:18px; color:#fd6c0b; font-family: Impact, Charcoal, sans-serif; padding-top: 8px; letter-spacing: 0px;} .roibox .whitebox {position: absolute; background-color:white; display:block; padding: 12px 20px; bottom: 0px; right: 0px; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;} .roibox .whitebox span {color:#36add2; font-weight:bold;} a.roibtn1 {display:block; width: 165px; height: 47px; background: url(http://pages.zetta.net/rs/zetta/images/p5_roi_btn1.png) no-repeat 0 0; float:left; margin-right: 10px; margin-left: 34px; margin-top: 20px; margin-bottom: 20px;} a.roibtn1:hover {background-position: 0 -47px;} a.roibtn2 {display:block; width: 181px; height: 47px; background: url(http://pages.zetta.net/rs/zetta/images/p5_roi_btn2.png) no-repeat 0 0; float:left; margin-top: 20px; margin-bottom: 20px;} a.roibtn2:hover {background-position: 0 -47px;} span.roiblue {color:#36add2; font-weight:bold; font-size: 15px; margin-left: 110px; margin-top: 20px; display:block;} ul.roilist {list-style-type:none; margin-left: 110px; font-family:Arial, Freesans, sans-serif; font-weight:bold; color:#6e6e6e;} ul.roilist li {display:block; margin-bottom: 10px; padding-left: 30px; background: url(http://pages.zetta.net/rs/zetta/images/p5_roibullet.png) no-repeat 0 0;} .caseStudy_brief {display:block; padding-bottom: 3px; clear:both; float:none; background: url(../images/bottomborder.jpg) no-repeat 0 100%;} .caseStudy_brief div.rightlink {background:#f3f3f3; padding: 0 20px 0 20px; display:block; margin-left: 200px;} .caseStudy_brief div.rightlink p {font-size:15px; line-height: 20px;} .caseStudy_brief div.rightlink a {font-size: 18px; color:#4084ac;} .caseStudy_brief div.rightlink a.caseStudy_readMore {background:transparent url('../images/readMore_over.png') no-repeat 0px 0px; margin-top: 20px;} .caseStudy_brief div.rightlink a.caseStudy_readMore:hover {background:transparent url('../images/readMore_off.png') no-repeat 0px 0px;} .caseStudy_brief div.leftlink {display:block; width: 200px; float:left; padding: 0px !important; margin-left:0px;} .caseStudy_brief div.leftlink a img {padding-top:10px;} /* --------------------------------------------------- */ /* --------------------- 16. TABS -------------------- */ /* --------------------------------------------------- */ #contenttabs {display:block; margin: 20px 0; width: 100%; padding: 0px;} .holdertabdiv a{color:#478acd !important; text-decoration:underline !important;} .holdertabdiv a:visited{color:#478acd !important;} .holdertabdiv a:hover{color:#478acd !important; text-decoration: none !important;} .lwdivtab { list-style:disc !important; } /* --------------------------------------------------- */ /* ------------------ 17. HISTORY PAGE --------------- */ /* --------------------------------------------------- */ .faketableholder {display:block; margin: 0px; padding: 0px; border-top: 2px solid #ccc; width: 100%;} .faketableholder.last {border-bottom: 2px solid #ccc;} .faketableholder .fakeyear {display:block; width: 92px; text-align:center; padding: 0px; margin: 0px; float:left; color:white; font-size: 28px; font-weight:bold; background: #134c6c; /* Old browsers */ background: -moz-linear-gradient(left, #134c6c 0%, #2279a6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#134c6c), color-stop(100%,#2279a6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #134c6c 0%,#2279a6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #134c6c 0%,#2279a6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #134c6c 0%,#2279a6 100%); /* IE10+ */ background: linear-gradient(to right, #134c6c 0%,#2279a6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134c6c', endColorstr='#2279a6',GradientType=1 ); /* IE6-9 */ } .faketableholder .fakeyear span {padding-top: 13px; display:block;} .faketableholder .one {height:148px;} .faketableholder .two {height:298px;} .faketableholder .three {height:448px;} .faketableholder .four {height:598px;} .faketableholder .five {height:748px;} .faketableholder .six {height:898px;} .faketableholder .seven {height:1048px;} .faketableholder .eight {height:1198px;} .faketableholder .nine {height:1348px;} .faketableholder .ten {height:1498px;} .faketableholder .eleven {height:1648px;} .faketableholder .twelve {height:1798px;} .faketableholder .thirteen {height:1948px;} .faketableholder .faketext {display:block; padding: 16px 20px;} .faketableholder .gray {background-color:#d9dada;} .faketableholder .whiteish {background-color:#f0f1f1;} .faketableholder .faketext span {display:block; font-size: 12px; line-height:17px; color:#797979;} .faketableholder .faketext span strong {color:#000;} .faketableholder .fakepic {display:block; width:193px; float:left;} .faketableholder .fakepic img {display:block;} .faketableholder .border {border-top:2px solid #ccc;} /* --------------------------------------------------- */ /* --------------- 18. INDEX V6 CHANGES -------------- */ /* --------------------------------------------------- */ #sliderbox.v6 {height: 424px;} #sliderbox.v6 .slidebox {height: 424px;} #sliderbox .slide-image {height: 424px; bottom: 0px;} #sliderbox.v6 #slider {top: 300px; left: 561px;} #newfreetrialv6 {display:block; margin: 10px auto 0 auto; width: 143px; height: 44px; background:url(../images/freetrialv6.png) no-repeat 0 0;} #newfreetrialv6:hover {background-position: 0 -44px; } #newfreetrialbtnv6 {display:block; margin: 10px auto 0 auto; width: 136px; height: 47px; background:url(../images/free-trial-v6.png) no-repeat 0 0;} #newfreetrialbtnv6:hover {background-position: 0 -47px; } #newgetpricingbtnv6 {display:block; margin: 10px auto 0 auto; width: 136px; height: 47px; background:url(../images/get-pricing-v6.png) no-repeat 0 0;} #newgetpricingbtnv6:hover {background-position: 0 -47px; } .ribboncorner {display:block; width: 21px; height: 69px; position:absolute; z-index:10; top: 274px; } .ribboncorner.left {background: url(../images/ribbonsprite.png) no-repeat 0 0; right: 991px;} .ribboncorner.right {background: url(../images/ribbonsprite.png) no-repeat -39px 0; left: 991px;} #carouselbox.v6 {background: #4388b8; /* Old browsers */ background: -moz-linear-gradient(top, #4388b8 0%, #3573a1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4388b8), color-stop(100%,#3573a1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* IE10+ */ background: linear-gradient(to bottom, #4388b8 0%,#3573a1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4388b8', endColorstr='#3573a1',GradientType=0 ); /* IE6-9 */ } #carouselholder .next.v6, #carouselholder .prev.v6 {top: 14px;} /* --------------------------------------------------- */ /* --------------- 19. MANAGEMENT PAGE --------------- */ /* --------------------------------------------------- */ .managementPhoto {display:block; width: 805px; border-top: 1px solid #ccc; padding-top: 15px;} .managementPhoto img {-moz-box-shadow: 5px 5px 8px #7d9bab; -webkit-box-shadow: 5px 5px 8px #7d9bab; box-shadow: 5px 5px 8px #7d9bab;} .managementPhoto p { padding-left: 115px !important; font-size: 14px !important; color:#333333 !important; line-height: 18px !important; } .managementPhoto h4 {padding-left: 115px !important; display:block; margin-bottom: 5px; } .managementPhoto h4 strong {font-weight:normal !important;} /* --------------------------------------------------- */ /* --------------- 20. INDEX V9 CHANGES -------------- */ /* --------------------------------------------------- */ #sliderbox.v9 {height: 335px;} #sliderbox.v9 .slidebox {height: 335px;} #sliderbox .slide-image {height: 335px; bottom: 0px;} #sliderbox.v9 #slider {top: 217px; left: 561px; } #sliderRevised {width: 450px; height: 156px; display:block; margin: 0px 0px 0px 60px; padding 0; overflow:hidden; position:absolute; top: 177px; left: 455px; background: url(../images/topslidesbg.png) no-repeat 0 0;} #sliderRevised .slide {width: 460px; position:relative; height: 150px;} #newfreetrialv9 {display:block; margin: 10px auto 0 auto; width: 143px; height: 44px; background:url(../images/freetrialv9.png) no-repeat 0 0;} #newfreetrialv9:hover {background-position: 0 -44px; } .v9.ribboncorner {display:block; width: 21px; height: 69px; position:absolute; z-index:10; top: 242px; } .v9.ribboncorner.left {background: url(../images/spriteme1.png) no-repeat -10px -224px; right: 991px;} .v9.ribboncorner.right {background: url(../images/spriteme1.png) no-repeat -49px -224px; left: 991px;} #carouselbox.v6 {background: #4388b8; /* Old browsers */ background: -moz-linear-gradient(top, #4388b8 0%, #3573a1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4388b8), color-stop(100%,#3573a1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* IE10+ */ background: linear-gradient(to bottom, #4388b8 0%,#3573a1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4388b8', endColorstr='#3573a1',GradientType=0 ); /* IE6-9 */ } #sliderbox.v10 {height: 335px;} #sliderbox.v10 .slidebox {height: 335px;} #sliderbox .slide-image {height: 335px; bottom: 0px;} #sliderbox.v10 #slider {top: 217px; left: 460px; } .v10.ribboncorner {display:block; width: 21px; height: 69px; position:absolute; z-index:10; top: 242px; } .v10.ribboncorner.left {background: url(../images/spriteme1.png) no-repeat -10px -224px; right: 991px;} .v10.ribboncorner.right {background: url(../images/spriteme1.png) no-repeat -49px -224px; left: 991px;} #carouselholder .next.v6, #carouselholder .prev.v6 {top: 14px;} .quotesSlider {background: #4388b8; /* Old browsers */ background: -moz-linear-gradient(top, #4388b8 0%, #3573a1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4388b8), color-stop(100%,#3573a1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4388b8 0%,#3573a1 100%); /* IE10+ */ background: linear-gradient(to bottom, #4388b8 0%,#3573a1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4388b8', endColorstr='#3573a1',GradientType=0 ); /* IE6-9 */ } .carouselQuote ul li {width: 750px !important; padding-left: 25px;} /* --------------------------------------------------- */ /* ----------------- 21. WEBINAR PAGE ---------------- */ /* --------------------------------------------------- */ .webinarItem {display:block; width: 100%; margin: 15px 0 25px;} .webinarItem .webinarTitle {display:block; width: 925px; height: 55px; background: url(../images/ws-webinarbg.jpg) no-repeat 0 0;} .webinarItem .webinarTitleBig {display:block; width: 925px; height: 82px; background: url(../images/ws-webinarbg-big.jpg) no-repeat 0 0;} .webinarItem .webinarTitleBig h2 {font-size: 28px; font-weight:bold; color:#3b3b3b; padding-top: 9px; padding-left: 135px;} .webinarItem .webinarTitle h2 {font-size: 28px; font-weight:bold; color:#3b3b3b; padding-top: 9px; padding-left: 135px;} .webinarItem .webinarContent {background: #eef5f8; width: 839px; margin-left: 11px; padding: 25px 38px 20px; } .webinarItem .webinarContent span {display:block; font-size: 15px; color:#303030; line-height: 19px; margin-bottom: 22px;} .webinarItem .webinarContent img.alignRight {display:block; float:right; margin-left: 56px; margin-bottom: 15px; padding: 3px; background-color:#fff; border: 1px solid #dbdcdd;} .webinarItem .webinarContent .webinarLinks a.viewWebinar {display:block; float:left; margin-right: 5px; width:119px; height: 36px; background: url(../images/ws-viewwebinar.png) no-repeat 0 0;} .webinarItem .webinarContent .webinarLinks a.viewWebinar:hover {background-position: 0 -36px;} .webinarItem .webinarContent .webinarLinks a.socialIcon {display:block; float:left; margin-left:5px; width: 28px; height: 28px; background: url(../images/ws-socialsprite.png) no-repeat 0 0; opacity: 1;} .webinarItem .webinarContent .webinarLinks a.socialIcon:hover {opacity: 0.7;} .cufon-loading { visibility: hidden; } #outerFrame, #innerWrapDiv { padding-bottom: 15px !important; } #footerholder { display:block; width: 100%; padding: 20px 0; background: #f3f3f3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3f3f3 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #footercontent {display:block; width:960px; margin: 0 auto;} #footercontent .column {display:block; float:left; margin-right: 80px;} #footercontent .column.last {margin-right: 0px;} #footercontent .column h3 {font-size: 16px; display:block; margin-bottom: 18px; color:#315f78; font-weight:bold;} #footercontent .column a {display:block; margin-bottom: 5px; color:#54a4d1; font-size: 14px;} #footercontent .column.products {width:100px;margin-left: 100px;} #footercontent .column.initiatives {width:190px;} #footercontent .column.partners {width:118px;} #footercontent .column.company {width:100px;} #footercontent .column.logofooter {width:95px;float:right;text-align:right;} #footercontent .column.logofooter span{font-size:12px; color:#9f9f9f;} #butCS {display:block; width:133px; height: 35px; background: url(../images/spriteme1.png) no-repeat -8px -1355px;} #butCS:hover {background-position: -10px -1390px;} /* --------------------------------------------------- */ /* ----------------- 22. NEW HOMEPAGE ---------------- */ /* --------------------------------------------------- */ #header.new #logo {width:137px; padding: 16px 0 0 20px;} #header.new .tagline { padding-top: 10px; font-size: 16px; line-height: 20px; font-weight: normal; border-left: 1px dashed #dddddd; margin-top: 15px; padding-left: 12px; padding-bottom: 9px;} #header.new .tagline p { letter-spacing: -0.5px; color:#666; } #header.new #topnav {padding-top: 51px; margin-right: 135px;} #header.new #topnav a { padding: 0px 12px; border-right: none; color: #e88b1b; font-size: 15px;} #header.new #topnav a:hover { color: #ffc57e; } a#topfreetrialnew {display:block; width: 126px; height: 30px; background: url(../images/freetrial_new.png) no-repeat 0 0; position:absolute; bottom: 10px; right: 0px;} a#topfreetrialnew:hover {background-position: 0 -30px;} a#topfreetrialnewgreen {display:block; width: 126px; height: 30px; background: url(../images/freetrial_new_green.png) no-repeat 0 0; position:absolute; bottom: 10px; right: 0px;} a#topfreetrialnewgreen:hover {background-position: 0 -30px;} #slider_new {display:block; margin: 20px 0px 0px; width: 100%; height: 338px;} #slider_new .slider_new_right {display:block; width: 376px; float:left; } #slider_new .slider_new_right h1 {display;block; font-size: 43px; line-height: 42px; color:#3a393a; letter-spacing: -1px; margin-top: 11px; padding-bottom: 7px;} #slider_new .slider_new_right h2.tag {display:block; text-transform: uppercase; color:#fff; font-size: 16px; letter-spacing: 1px; background-color:#646464; text-align:center; padding: 0px; margin-bottom: 13px;} #slider_new .slider_new_right span {display:block; padding-left: 15px; background: url(../images/zetta_bullet_new.png) no-repeat 0px 5px; font-size: 16px; color:#404041; letter-spacing:-1px; margin-bottom:12px; margin-left: 6px;} #slider_new .slider_new_right .pricing_start {display:block; background: none; font-size: 15px; color:#414141; font-weight:bold; letter-spacing:0px; margin-top:10px; margin-left: 54px;} #slider_new .slider_new_right .learnmorenew {display:block; width: 151px; height: 44px; background: url(../images/getpricing_new.png) no-repeat 0 0; float:left; margin-top: 0px;} #slider_new .slider_new_right .learnmorenew:hover {background-position: 0 -44px;} #slider_new .slider_new_right .freetrialnew {display:block; width: 151px; height: 44px; background: url(../images/freetrial_big_new.png) no-repeat 0 0; float:left; margin-top: 0px; margin-left: 25px;} #slider_new .slider_new_right .freetrialnew:hover {background-position: 0 -44px;} #slider_new .slider_new_right .learnmorenewgreen {display:block; width: 151px; height: 44px; background: url(../images/getpricing_new_green.png) no-repeat 0 0; float:left; margin-top: 0px;} #slider_new .slider_new_right .learnmorenewgreen:hover {background-position: 0 -44px;} #slider_new .slider_new_right .freetrialnewgreen {display:block; width: 151px; height: 44px; background: url(../images/freetrial_big_new_green.png) no-repeat 0 0; float:left; margin-top: 0px; margin-left: 25px;} #slider_new .slider_new_right .freetrialnewgreen:hover {background-position: 0 -44px;} #slider_new_b {display:block; margin: 10px 0px 0px; width: 100%; height: 338px; background: url(../images/slider_new_b_bg.jpg) no-repeat 0px 0px;} #slider_new_b .slider_new_right {display:block; width: 376px; float:left; } #slider_new_b .slider_new_right h1 {display;block; font-size: 43px; line-height: 42px; color:#3a393a; letter-spacing: -1px; margin-top: 11px; padding-bottom: 7px;} #slider_new_b .slider_new_right h2.tag {display:block; text-transform: uppercase; color:#fff; font-size: 16px; letter-spacing: 1px; background-color:#646464; text-align:center; padding: 0px; margin-bottom: 13px;} #slider_new_b .slider_new_right span {display:block; padding-left: 15px; background: url(../images/zetta_bullet_new.png) no-repeat 0px 5px; font-size: 18px; color:#404041; letter-spacing:-1px; margin-bottom:12px; margin-left: 6px;} #slider_new_b .slider_new_right .pricing_start {display:block; background: none; font-size: 15px; color:#414141; font-weight:bold; letter-spacing:0px; margin-top:10px; margin-left: 54px;} #slider_new_b .slider_new_right .learnmorenew {display:block; width: 151px; height: 44px; background: url(../images/getpricing_new.jpg) no-repeat 0 0; float:left; margin-top: 0px;} #slider_new_b .slider_new_right .learnmorenew:hover {background-position: 0 -44px;} #slider_new_b .slider_new_right .freetrialnew {display:block; width: 151px; height: 44px; background: url(../images/freetrial_big_new.jpg) no-repeat 0 0; float:left; margin-top: 0px; margin-left: 25px;} #slider_new_b .slider_new_right .freetrialnew:hover {background-position: 0 -44px;} #twocolumns {display:block; width: 100%; height: 125px; margin: 0px 0px 15px; position:relative; background: url(../images/twocolumnsbg2.jpg) no-repeat 0 0;} #twocolumns .blueish {font-size: 17px; color:#a6d0e8; line-height: 20px; position:absolute; top: 25px; left: 100px;} #twocolumns .blueish font {font-size: 12px; line-height: 5px;} #twocolumns .orangeish {font-size: 17px; color:#ff991e; line-height: 20px; position:absolute; top: 25px; left: 585px;} #twocolumns .orangeish font {font-size: 12px; line-height: 5px;} #twocolumns .grayish {font-size: 15px; color:#e5e5e5; line-height: 20px; position:absolute; top: 14px; left: 100px;} #twocolumns .grayish font {font-size: 13px; line-height: 5px; color: #979797;} #twocolumns .grayish2 {font-size: 15px; color:#e5e5e5; line-height: 20px; position:absolute; top: 17px; left: 585px;} #twocolumns .grayish2 font {font-size: 13px; line-height: 5px; color: #979797;} /* --------------------------------------------------- */ /* ----------- 23. NEW HOMEPAGE D VERSION 2 ---------- */ /* --------------------------------------------------- */ #twocolumns.v2 .grayish img {float:left; margin-right: 10px;} #twocolumns.v2 .grayish {left: 19px !important;} #twocolumns.v2 .grayish {color:#e4e4e4 !important;} #twocolumns.v2 .grayish2 {left: 580px !important;} #twocolumns.v2 .quotesmoving { } #twocolumns.v2 .quotesmoving .thequote { display:none; } #slider_new .slider_new_right h2.tag {padding: 3px 0 2px !important;} #resourcesindexd {display:block; width: 308px; float:left; margin-top: 10px;} #resourcesindexd h2 {display:block; font-size: 25px; color:#414141; margin-bottom: 0px; padding-bottom: 5px; border-bottom: 1px solid #d9d9d9;} #resourcesindexd #resholder {display:block; margin: 0px; padding: 22px 16px; background-color:#f4f4f4;} .lefty {float:left;} .righty {float:right;} #resourcesindexd #resholder a {display:block; background-color:#f8951d; color:#fff; font-weight: bold; padding: 8px 0 6px; width: 160px; text-align:center; border:3px solid #ffb761; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; margin-top: 12px;} #resourcesindexd #resholder a:hover {opacity: 0.8;} #resourcesindexd #resholder .box {display:block; padding-left: 65px; background: url(../images/resourcesprites.png) no-repeat 0 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4;} #resourcesindexd #resholder .box .titleh {display:block; color:#3a3a3a; font-size: 16px; font-weight:bold; margin: 0px 0 5px;} #resourcesindexd #resholder .box .texth {display:block; color:#3a3a3a; font-size: 14px; line-height: 21px;} #resourcesindexd #resholder #calculator {background-position: 0 -167px;} #resourcesindexd #resholder #bandwidth {background-position: 0 -299px; margin-bottom: 0px; padding-bottom: 0px; border:none;} #resTabsHolder {display:block; width: 634px; float:right; margin-top: 10px;} #resTabsHolder h2 {display:block; font-size: 25px; color:#fff; margin-bottom: 0px; padding: 15px 0 13px 25px; background: url(http://pages.zetta.net/rs/zetta/images/p5_cob_bluestripe.png) repeat;} #resTabsHolder .theTab {display:block; width: 126px; height:69px; background: #dddddd; float:left; margin-right: 1px; margin-top:11px; cursor:pointer;} #resTabsHolder .theTab.last {margin-right: 0px;} #resTabsHolder .theTab:hover, #resTabsHolder .theTab.active {background: #216c95;} #resTabsHolder .theTab span.title {display:block; font-size: 15px; font-weight: bold; color:#4a4a4a; text-align:center; margin-top: 8px; line-height: 16px; letter-spacing:-1px;} #resTabsHolder .theTab:hover span.title, #resTabsHolder .theTab.active span.title {color:#fff !important;} #resTabsHolder .theTab span.subtitle {display:block; font-size: 15px; color:#6e6d6d; text-align:center; margin-top: 3px; line-height: 16px; letter-spacing: -1px;} #resTabsHolder .theTab:hover span.subtitle, #resTabsHolder .theTab.active span.subtitle {color:#9bcbf5 !important;} #resTabsHolder .theContent {display:none;} #resTabsHolder .theContent.active {display:block; margin-top: 3px;} #resTabsHolder .theContent .theBlue {display:block; padding: 24px; background-color:#ebf6ff;} #resTabsHolder .theContent h3 {display:block; font-size: 20px; line-height: 23px; color:#1c5e82; font-weight: bold; margin: 0 0 16px; } #resTabsHolder .theContent p {display:block; font-size: 14px; color:#4e4e4e; line-height: 20px; } #resTabsHolder .theContent p img {display:block; margin: 0 15px 15px 0;} #resTabsHolder .theContent .bottomLine {display:block; margin: 0px; border-top: 4px solid #fff; background-color:#2b7eac; padding: 15px;} #resTabsHolder .theContent .bottomLine .blTitle {display:block; font-size:25px; color:#fff; font-weight:bold; line-height: 26px; text-align:right; padding: 12px 19px 12px 10px; margin-right: 20px; float:left; border-right:2px dotted #1c5f83;} #resTabsHolder .theContent .bottomLine .blText {display:block; width: 475px; float:left; font-size: 14px; color:#fff; font-weight: bold; line-height: 20px;} #resTabsHolder .theContent .bottomBut {display:block; background: url(http://pages.zetta.net/rs/zetta/images/p5_cob_bluestripe.png) repeat; width: 100%; padding: 10px 0; margin-top: 5px;} #resTabsHolder .theContent .bottomBut a {display:block; background-color:#3ea437; color:#fff; font-weight: bold; padding: 8px 0 6px; margin: 0 auto; width: 160px; text-align:center; border:3px solid #65d36c; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 14px;} #resTabsHolder .theContent .bottomBut a:hover {opacity: 0.8;} #resTabsHolder .theContent .bottomButorange {display:block; background: url(http://pages.zetta.net/rs/zetta/images/p5_cob_bluestripe.png) repeat; width: 100%; padding: 10px 0; margin-top: 5px;} #resTabsHolder .theContent .bottomButorange a {display:block; background-color:#ed9229; color:#fff; font-weight: bold; padding: 8px 0 6px; margin: 0 auto; width: 160px; text-align:center; border:3px solid #f9b865; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 14px;} #resTabsHolder .theContent .bottomButorange a:hover {opacity: 0.8;} /* --------------------------------------------------- */ /* ----------- 24. NEW HOMEPAGE A VERSION 4 ---------- */ /* --------------------------------------------------- */ #resourcesindex4a {display:block; width: 308px; float:left; margin-top: 10px;} #resourcesindex4a h2 {display:block; font-size: 25px; color:#414141; margin-bottom: 0px; padding-bottom: 5px; border-bottom: 1px solid #d9d9d9;} #resourcesindex4a #resholder {display:block; margin: 0px; padding: 22px 16px; background-color:#ffffff; position:relative;} .lefty {float:left;} .righty {float:right;} #resourcesindex4a #resholder .box a {display:block; color:#fff; font-weight: bold; padding: 6px 0 6px; width: 140px; text-align:center; border:3px solid #cac9c8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 12px; margin-top: 12px; background: #999898; /* Old browsers */ background: -moz-linear-gradient(top, #999898 0%, #727272 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999898), color-stop(100%,#727272)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #999898 0%,#727272 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #999898 0%,#727272 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #999898 0%,#727272 100%); /* IE10+ */ background: linear-gradient(to bottom, #999898 0%,#727272 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999898', endColorstr='#727272',GradientType=0 ); /* IE6-9 */ } #resourcesindex4a #resholder .box a:hover {opacity: 0.8;} #resourcesindex4a #resholder .box {display:block; padding-left: 65px; background: url(../images/resourcesprite.png) no-repeat 3px 0; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;} #resourcesindex4a #resholder .box.last { margin-bottom: 0px; padding-bottom: 0px; border:none;} #resourcesindex4a #resholder .box .titleh {display:block; color:#3a3a3a; font-size: 16px; font-weight:bold; margin: 0px 0 5px;} #resourcesindex4a #resholder .box .texth {display:block; color:#3a3a3a; font-size: 14px; line-height: 18px;} #resourcesindex4a #resholder .box .texth em {font-style:italic;} #resourcesindex4a #resholder #resTechdatasheet {background-position: 7px -333px;} #resourcesindex4a #resholder #welcomeBackupexec {background-position: 5px -165px;} #resourcesindex4a #resholder #resBandwidth {background-position: 7px -337px;} #resourcesindex4a #resholder #resAnalyst {background-position: 8px -487px;} #resourcesindex4a #resholder #resROI {background-position: 8px -657px;} #resourcesindex4a a.resMore {display:block; width: 49px !important; height: 12px !important; position:absolute !important; bottom: 10px; right: 11px; background: url(../images/more.png) no-repeat 0 0 !important; border:none !important;} div.triboxes {display:block; width: 313px; height: 420px; background: url(../images/3boxesbg.jpg) no-repeat 0 0; margin-top: 10px; position:relative; float:left;} div.triboxes img.icon {display:block; position:absolute; top: 19px; left: 15px;} div.triboxes h3 {display:block; font-size: 25px; color:#e6e6e6; position:absolute; top: 24px; left: 88px;} div.triboxes span.bolded {display:block; font-size: 18px; color:#323433; position: absolute; top: 90px; left: 23px; font-weight: bold;} div.triboxes span.text {display:block; font-size:15px; color:#323433; line-height: 22px; position:absolute; top: 165px; left: 24px;} .undernote {display:block; font-size: 14px; color:#6e6d6d; line-height: 17px; font-style:italic; margin-top: 30px;} #resourcesindex4a #resholder #resPlan {background:url(../images/plan_badge.png) no-repeat 11px 0;} #resourcesindex4a #resholder #resPractices {background:url(../images/cloud_badge.png) no-repeat 5px 0;} #resourcesindex4a #resholder #resGuide {background:url(../images/guide_badge.png) no-repeat 13px 0;} /* --------------------------------------------------- */ /* ------------ 25. COMPETITIVE ZETTA VS ------------- */ /* --------------------------------------------------- */ .vsLeft {display:block; width: 635px; float:left;} .vsLeft h1 {display:block; font-size: 42px; color:#2395c0; font-weight:bold; margin: 15px 0 5px 0; padding: 0px;} .vsLeft h2 {display:block; font-size: 20px; color:#0d5078; line-height: 23px; font-weight: normal; margin: 0px;} .vsLeft .ddownHolder {display:block; width: 488px; height: 151px; background: url(http://pages.zetta.net/rs/zetta/images/p5_cob_bluestripe.png) repeat; margin: 25px auto; position:relative;} .vsLeft .ddownHolder.full {width: 100%;} .vsLeft .ddownHolder .dTitle {display:block; font-size: 24px; color:#ffffff; font-weight:bold; padding: 9px 0 8px 18px; background-color:#24739f; letter-spacing: -1px;} .vsLeft .ddownHolder.full .dTitle {text-align:center;} .vsLeft .ddownHolder a#dLink {display:block; width: 384px; height:33px; background: url(../images/dropdownDef.png) no-repeat; margin: 35px auto;} #theDrop {display:none; width: 382px; position:absolute; top: 115px; left: 52px; background: #f4f4f4; border: 1px solid #ccc; border-bottom: none; z-index: 10;} #theDrop.full {left: 271px; top: -193px;} #theDrop .dOption {display:block; padding: 7px 13px; font-size: 16px; background-color: #f4f4f4; color:#999; border-bottom: 1px solid #ccc; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer;} #theDrop .dOption:hover {background-color:#24739f; color:#fff; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} h3.sectionTitle {display:block; font-size: 20px; color:#1d6d9c; font-weight: bold; border-bottom: 1px solid #aecee7; margin: 35px 0 10px; padding-bottom:3px; text-transform: uppercase;} #westinghouseCS {display:block; margin-top: 20px; background:#ecf1f7 url(../images/westinghouseLogo.png) no-repeat 12px 17px; position:relative; width: 100%; height: 169px;} #vizantCS {display:block; margin-top: 20px; background:#ecf1f7 url(../images/vizantLogo.png) no-repeat 12px 17px; position:relative; width: 100%; height: 169px;} #westinghouseCS .boxQuote, #vizantCS .boxQuote{font-size: 17px; font-weight: bold; color:#464646; font-style:italic; line-height: 23px; position: absolute; top: 21px; left: 228px;} #westinghouseCS .boxAuthor, #vizantCS .boxAuthor {font-size: 14px; color:#3e3e3e; position:absolute; top: 78px; left: 408px;} #vizantCS .boxAuthor {left: 426px; } #westinghouseCS .caseLink, #vizantCS .caseLink {display: block; width: 50%; height: 56px; background-color:#d5e0ec; background-image: url(../images/quoteBoxButtonSprite.png); position: absolute; bottom: 0px; left: 0px; background-position: 16px 9px; background-repeat: no-repeat no-repeat; color:#1a3e62;} #westinghouseCS .caseLink span, #vizantCS .caseLink span { font-size: 15px; font-weight:bold; position:absolute; top: 19px; left: 61px; text-transform: uppercase;} #westinghouseCS .caseLink:hover, #vizantCS .caseLink:hover {background-color:#d7e8fc;} #westinghouseCS .customersLink, #vizantCS .customersLink {display: block; width: 50%; height: 56px; background-color:#bbcfe6; background-image: url(../images/quoteBoxButtonSprite.png); position: absolute; bottom: 0px; right: 0px; background-position: 16px -104px; background-repeat: no-repeat no-repeat; color:#1a3e62;} #westinghouseCS .customersLink span, #vizantCS .customersLink span { font-size: 15px; font-weight:bold; position:absolute; top: 19px; left: 80px; text-transform: uppercase;} #westinghouseCS .customersLink:hover, #vizantCS .customersLink:hover {background-color:#b9d3f1;} .vsRight {display:block; width: 248px; float:right; margin-top: 15px;} .sidebarQuote {display:block; width: 225px; background:#fdf1dd url(../images/sidebarquotebottom.png) no-repeat center bottom; padding: 10px 10px 51px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .sidebarQuote .quote {display:block; font-size: 16px; letter-spacing: 0px; font-weight:bold; font-style:italic; color:#e3841d; line-height: 23px; padding-left: 38px; background: url(../images/sidebarqutequote.png) no-repeat 0 0px; padding-top: 7px;} .sidebarQuote .author {display:block; font-size: 13px; color:#e3841d; text-align:right; padding: 10px 5px 0;} #howMuch {display:block; width: 100%; margin: 25px 0;} #howMuch .top {display:block; margin: 0px; padding: 20px 0; text-align:center; background-color:#fcebbf; text-transform: uppercase;} #howMuch .top strong {display:block; font-size: 15px; color:#4f4f4f; line-height: 18px; text-align:center; letter-spacing: 0px;} #howMuch .top span {display:block; font-size: 14px; color:#eb812e; margin: 4px 0 7px; text-align:center; letter-spacing: 0px;} #howMuch .top a {display:block; width: 137px; height: 40px; background: url(../images/sidebargetpricing.png) no-repeat 0 0; margin: 5px auto 0;} #howMuch .top a:hover {background-position: 0 -40px;} #howMuch .bottom {display:block; width: 100%; height: 33px; background: #a0a1a0 url(../images/icon-wrench.png) no-repeat 34px 5px; position:relative;} #howMuch .bottom span {font-size: 15px; color:#fff; position:absolute; top: 8px; left: 62px;} #howMuch .bottom:hover {background-color:#bbb;} span.undNote {display:block; font-size: 13px; color:#929292; font-style:italic; line-height: 16px; margin-top: 40px;} #greenList {display:block; width: 269px; height: 350px; background: url(../images/greenlistbg.jpg) no-repeat 0 0; float:right; margin-top: 23px; position:relative;} #greenList span.title {display:Block; font-size: 18px; color:#fff; line-height: 22px; font-weight: bold; position:absolute; top: 18px; left: 85px; } #greenList span.items {display:block; font-size: 14px; color:#fff; line-height: 18px; position:absolute; top: 106px; left: 22px;} /* --------------------------------------------------- */ /* ------------- 26. NEW RESOURCES PAGE -------------- */ /* --------------------------------------------------- */ .blueContent {display:block; background: #efefef; margin: 0 0 20px; padding:24px;} .blueContent .blueBlock {display:block; border: 1px solid #c9dde8; padding: 19px 21px; background-color:#fff;} .blueContent .blueBlock h3 {display:block; font-size: 16px; line-height: 17px; color:#414141; margin: 14px 0 6px;} .blueContent .blueBlock p {display:block; font-size: 13px; color:#414141; line-height:17px;} .blueContent .blueBlock a:hover img {opacity: 0.8;} .blueContent .blueBlock a.readReportbig {display:block; width: 142px; height: 30px; background: url(../images/read-report.jpg) no-repeat 0 0; opacity: 1; margin-top:12px;} .blueContent .blueBlock a.readReportbig:hover {opacity: 0.8;} .blueContent .blueBlock a.readReport {display:block; width: 142px; height: 30px; background: url(../images/read-report.jpg) no-repeat 0 0; opacity: 1; position: absolute; bottom: 15px;} .blueContent .blueBlock a.readReport:hover {opacity: 0.8;} .blueContent .blueBlock a.dldReport {display:block; width: 142px; height: 30px; background: url(../images/dld-report.jpg) no-repeat 0 0; opacity: 1; position: absolute; bottom: 15px;} .blueContent .blueBlock a.dldReportbig {display:block; width: 142px; height: 30px; background: url(../images/dld-report.jpg) no-repeat 0 0; opacity: 1; margin-top:12px;} .blueContent .blueBlock a.dldReport:hover {opacity: 0.8;} .blueContent .blueBlock a.testNow {display:block; width: 142px; height: 30px; background: url(../images/test-now.jpg) no-repeat 0 0; margin-top: 12px; opacity: 1;} .blueContent .blueBlock a.testNow:hover {opacity: 0.8;} .blueContent .blueBlock a.viewNow {display:block; width: 142px; height: 30px; background: url(../images/view-now.jpg) no-repeat 0 0; margin-top: 12px; opacity: 1;} .blueContent .blueBlock a.viewNow:hover {opacity: 0.8;} .blueContent .blueBlock .socialBand {display:block; float:right; margin-top: 10px;} .blueContent .blueBlock .socialBand a.social {display:block; width: 22px; height: 22px; background: url(../images/socialsprite.jpg) no-repeat -2px -3px; float:left; margin-right: 5px;} .blueContent .blueBlock .socialBand a.social.email {background-position: -2px -3px;} .blueContent .blueBlock .socialBand a.social.email:hover {background-position: -2px -30px;} .blueContent .blueBlock .socialBand a.social.facebook {background-position: -28px -3px;} .blueContent .blueBlock .socialBand a.social.facebook:hover {background-position: -28px -30px;} .blueContent .blueBlock .socialBand a.social.linked {background-position: -55px -3px;} .blueContent .blueBlock .socialBand a.social.linked:hover {background-position: -55px -30px;} .blueContent .blueBlock .socialBand a.social.twitter {background-position: -81px -3px;} .blueContent .blueBlock .socialBand a.social.twitter:hover {background-position: -81px -30px;} .blueContent .blueBlock .socialBand a.social.google {background-position: -108px -3px;} .blueContent .blueBlock .socialBand a.social.google:hover {background-position: -108px -30px;} .blueContent .blueBlock .socialBand a.social.other {background-position: -135px -3px; margin-right: 0;} .blueContent .blueBlock .socialBand a.social.other:hover {background-position: -135px -30px;} .blueContent .blueBlock.small {float:left; margin-top: 24px; width: 380px; height: 230px; position: relative;} .blueContent .blueBlock.small.no-margin {margin-right: 0px; float:right;} .blueContent .videoHolder {display:block; width: 282px; float:right;} .blueContent .videoHolder .videoBox {display:block; margin-bottom: 15px;} .blueContent .videoHolder .videoBox a:hover img{opacity: 0.8;} .blueContent .videoHolder .videoBox img {float:left; margin-right: 10px;} .blueContent .videoHolder .videoBox span {font-size: 12px; font-weight: bold; color:#414141; line-height:15px; display: block;} .blueContent .shortcutBox {display:block; width: 276px; height: 296px; float:left; margin-right: 21px; border: 1px solid #cadde8; position:relative; overflow: hidden; background: #fff;} .blueContent .shortcutBox.last {margin-right: 0px;} .blueContent .shortcutBox.margintop {margin-top: 22px;} .blueContent .shortcutBox div.title {display:block; margin: 0px; background:#005070; position:relative; height: 66px;} .blueContent .shortcutBox div.title div.icon {display:block; position:absolute; top: 0px; left: 0px; width: 68px; height: 48px; background: #015f85; text-align:center; padding-top: 18px; } .blueContent .shortcutBox div.title span.title {font-size: 20px; color:#fff; line-height: 22px; position:absolute; top: 11px; left: 82px; font-weight: bold;} .blueContent .shortcutBox div.title a:hover{ opacity: 0.8;} .blueContent .shortcutBox div.title a.more {display:block; padding-right: 8px; background: url(../images/bluemore.png) no-repeat right center; font-size: 13px; color:#71acc6; text-decoration:none; position:absolute; top: 5px; right: 8px;} .blueContent .shortcutBox .content {display:block; margin: 0px; padding: 14px; background: #fff;} .blueContent .shortcutBox .content h4 {display:block; margin: 8px 0; font-size: 16px; color:#414141; font-weight: bold;} .blueContent .shortcutBox .content p {display:block; font-size: 13px; color:#414141; line-height: 17px; margin-bottom: 5px;} .blueContent .shortcutBox .content a:hover {opacity: 0.8;} .blueContent .shortcutBox .content a.downloadNow {display:block; float:right; padding-right: 8px; background: url(../images/orangemore.png) no-repeat right center; font-size: 13px; color:#e78005; text-decoration:none;} /* --------------------------------------------------- */ /* ------------ 27. NEW PRODUCT PAGE (V2) ------------ */ /* --------------------------------------------------- */ .productv2{margin-top: 40px !important; padding-left: 17px !important; padding-right: 17px !important; width: 926px !important; margin-top: 0px !important;} .productv2 h1{display:block; letter-spacing:-1px; font-size: 42px; color:#1883b9; font-weight:bold; margin-top: 30px;} .productv2 p{font-size:15px;line-height:20px;color:#3a3a3a; margin-bottom:20px;} .productv2 div.rightFloat{display:block; float:right; margin-left:30px; width:190px;} .productv2 div.rightFloat a.freeTrial{display:block; width: 190px; height: 45px; background: url(../images/product_freetrial.png) no-repeat 0 0;} .productv2 div.rightFloat a.freeTrial:hover{background-position: 0 -45px;} .productv2 div.rightFloat a.reqQuote{display:block; width: 190px; height: 45px; background: url(../images/product_reqquote.png) no-repeat 0 0; margin-top:15px;} .productv2 div.rightFloat a.reqQuote:hover{background-position: 0 -45px;} .productv2 h3{display:block; font-size:25px; color:#484848; margin: 20px 0; border-bottom:1px solid #d6d6d6;} .productv2 .prodMedallion{display:block;width:100%;height:435px;background:url(../images/product_medallion.jpg) no-repeat center 0; position:relative;} .productv2 .prodMedallion h4{font-size:20px; color:#fff; position:absolute;top:16px;left:20px; text-transform:uppercase; letter-spacing:1px;} .productv2 span.bullet{position:absolute; display:block; padding-left: 15px; background: url(http://pages.zetta.net/rs/zetta/images/p5_zettabullet.png) no-repeat 0px 5px; font-size: 14px; color:#3a3a3a; line-height:20px; margin-bottom:9px;} .productv2 .dataTypes{display:block;background:#e4e3e3;width:450px;height:210px;float:left;margin:25px 0; position:relative;} .productv2 .dataTypes h3{display:block;font-size:20px; color:#fff;letter-spacing:1px; padding:12px 0 10px 15px; margin:0px; border:0px;background-color:#8f8c8c;} .productv2 .productBox{display:block; margin:0; background-color:#e6f0f4; position:relative;} .productv2 .productBox h3{display:block;font-size:20px; color:#fff;letter-spacing:1px; padding:15px 0 12px 20px;background-color:#185776; margin:0} .productv2 .productBox .pLeft{display:block; float:left; width:356px; padding-top:20px; padding-left:234px; background: url(../images/product_cloud.png) no-repeat 40px 22px;} .productv2 .productBox .pRight{display:block; width:215px; float:right; padding:12px 45px; background-color:#f3f8fa;} .productv2 .productBox .pRight a{display:block; margin: 6px 0 2px;} .productv2 .productBox .pRight a:hover img {opacity: 0.8;} .productv2 .productBox .pRight span{display:block; margin-bottom:15px; font-size: 14px; color:#277398; font-weight:bold;} /* --------------------------------------------------- */ /* ------------ 28. NEW HOW IT WORKS (V2) ------------ */ /* --------------------------------------------------- */ .mainHeadlinev2{display:block;font-size:42px;line-height:42px;margin:35px 0 18px;font-weight:bold;letter-spacing:-1px;color:#2395c0;padding-bottom:0;} .newhowitworks p{display:block;font-size:15px;color:#3a3a3a;line-height:20px;font-weight:400} .newhowitworks #contentleft{width:705px !important;} .newhowitworks #contentright{width:190px !important;float:right !important; margin-left:0px !important;text-align:right !important;} .newhowitworks a.dldDatasheet{display:block;width:190px;height:45px;margin:25px 0;background:url(../images/dldDatasheet.jpg) no-repeat 0 0} .newhowitworks a.dldDatasheet:hover{background-position: 0 -45px;} .newhowitworks a.fTrial{display:block;width:190px;height:45px;margin-bottom:12px;margin-top:35px;background:url(../images/rightHButtons.jpg) no-repeat 0 0} .newhowitworks a.fTrial:hover{background-position: 0 -45px;} .newhowitworks a.rQuote{display:block;width:190px;height:45px;margin-bottom:12px;background:url(../images/rightHButtons.jpg) no-repeat 0 -90px} .newhowitworks a.rQuote:hover{background-position: 0 -135px;} .newhowitworks #contentright h3{display:block;font-size:22px;line-height:22px;margin:5px 0;font-weight:bold;letter-spacing:-1px;color:#2395c0;padding-bottom:0;} .newhowitworks #contentright p{display:block;font-size:13px;line-height:16px;color:#424242;} .newhowitworks #contentright p a{color:#317ea4;text-decoration:underline;} .newhowitworks #bcols{margin-top:0px !important; padding-bottom: 30px !important; padding-top: 30px !important;} .newhowitworks #bcols .column {margin-right:132px !important;} .newhowitworks #bcols .column.last{margin-right:0px !important } .newhowitworks #bcols .column p{font-size: 12px !important; color: #545454 !important;} /* --------------------------------------------------- */ /* ---------------- 29. GREEN HOMEPAGE --------------- */ /* --------------------------------------------------- */ body.green a#topfreetrialnew {background: url(../images/green_topfreetrial.png) no-repeat 0 0;} body.green a#topfreetrialnew:hover {background-position:0 -30px;} body.green #slider_new .slider_new_right .learnmorenew {background: url(../images/green_getpricing.png) no-repeat 0 0;} body.green #slider_new .slider_new_right .learnmorenew:hover {background-position:0 -44px;} body.green #slider_new .slider_new_right .freetrialnew {background: url(../images/green_freetrial.png) no-repeat 0 0;} body.green #slider_new .slider_new_right .freetrialnew:hover {background-position:0 -44px;} /* --------------------------------------------------- */ /* ------------------ 30. LOGIN PAGE ----------------- */ /* --------------------------------------------------- */ .blueLogin{background: #d1e8f5; /* Old browsers */ background: -moz-linear-gradient(top, #d1e8f5 0%, #b8dcf0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e8f5), color-stop(100%,#b8dcf0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d1e8f5 0%,#b8dcf0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d1e8f5 0%,#b8dcf0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d1e8f5 0%,#b8dcf0 100%); /* IE10+ */ background: linear-gradient(to bottom, #d1e8f5 0%,#b8dcf0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e8f5', endColorstr='#b8dcf0',GradientType=0 ); /* IE6-9 */ padding-bottom:70px; } #zettaLogin{display:block;width:356px;border:1px solid #6cafcc;-moz-box-shadow: 0 0 10px #6cafcc;-webkit-box-shadow: 0 0 10px #6cafcc;box-shadow: 0 0 10px #6cafcc;margin: 35px auto 0;background-color:#ffffff;} .zformTitle{display:block;font-size:22px;font-weight:bold;letter-spacing:-1px;color:#fff;padding:8px 0 3px;text-align:center;background-color:#ef922a;} .zformBox{display:block;margin:0px;padding:25px 15px 18px;} .zformBox .rowEl{display:block;margin-bottom:6px;margin-top:7px;} .zformBox .rowEl label{display:inline-block;color:#4c4c4c;font-size:16px;width:75px;text-align:right;font-weight:bold;vertical-align:middle;} .zformBox .rowEl input.loginInput, input.loginInput{display:inline-block;width:226px;height:26px;background-color:#f1f1f1;border:1px solid #d3d3d3;vertical-align:middle;margin:0;margin-left:10px; padding-left:5px;} .zformBox a.forgotPassword{display:block;text-align:right;font-size:11px;color:#ef922a;text-decoration:underline;padding-right:5px;padding-top:5px;} .zformBox a.forgotPassword:hover{text-decoration:none;} .zformBox a#zettaLogBut{display:block;text-align:center;width:151px;height:38px;margin:20px 0 0 164px;background:url(../images/loginbut.png) no-repeat 0 0;text-indent:-9999px;font-size:0px;} .zformBox a#zettaLogBut:hover{background-position:0 -38px;} #stickyFooterWrap, #outerWrapDiv {min-height:0 !important;width: 100%;} .zformBox #zResults, #zForgotResults{display:block;text-align:center;color:red;font-weight:bold;line-height:1.2;padding-top:8px;} .forgotPassBox span{font-size:16px;display:block;text-align:center;padding:15px 0;color:#414141;} #zettaUserForgot{margin-left:auto;margin-right:auto;display:block;} a#zettaForgotBut{display:block;text-align:center;width:151px;height:38px;margin:20px auto 0;background:url(../images/forgotpassbut.png) no-repeat 0 0;text-indent:-9999px;font-size:0px;} a#zettaForgotBut:hover{background-position:0 -38px;} #ForgotBox{display:none;} a.backLogin{display:block;text-align:right;font-size:11px;color:#ef922a;text-decoration:underline;padding-right:5px;padding-top:5px;} a.backLogin:hover{text-decoration:none;} .userMenu{width: 940px;margin: 0 auto;padding:6px 10px;background-color: #F7941D;} .userMenu a{color:#fff !important;display:inline-block;padding-right:10px;margin-right:10px;border-right:1px solid #eee;line-height:12px;} .userMenu a.last{border-right:none;} .userMenu a:hover{text-decoration:underline;} .affChoiceHolder{text-align:center;} .affChoiceHolder .affChoice{display:inline-block;width:150px;padding:10px 15px 8px;text-align:center;font-size:16px;font-weight:normal;background:#6BCBFE;border:1px solid #eee;color:#fff;} .affChoiceHolder .affChoice:hover, .affChoiceHolder .affChoice.active{background:#1D6E9A;color:#fff;} #addPage, #managePages{display:block;margin-top:25px;} a.pp_expand, a.pp_contract{top:-23px !important;right:inherit !important;left: -25px !important;} .pageChoice{display:block;width:285px;padding:10px;background:#f2f2f2;border:1px solid #ccc;float:left;margin-left: 11px;margin-bottom:15px;max-height: 273px;} .pageChoice:hover{background:#e2e2e2;} .pageChoice img{border:1px solid #ccc;width:100%;max-width:283px;} .chooseThis{display:block;width:262px;margin-top:10px;padding:8px 10px 6px;font-size:14px;text-align:center;background:#fff;border:1px solid #ccc;font-weight:bold;} .chooseThis:hover{border-color:#fff;color:#1d6e9a;} .pageOptions{display:block;width:630px;float:right;} .pageOptions h3{font-size:16px;margin-bottom:10px;font-weight:normal;margin-top:15px;margin-bottom:10px;} .pageOptions form label{width:230px;} .pageOptions form input[type="text"]{padding:3px;} .pageOptions form input[type="submit"]{padding:8px 0;margin: 10px auto 0;width:120px;cursor:pointer;background-color:#fff;} .pageOptions form input[type="submit"]:hover{background-color:#1A6187;color:#fff;} .pageOptions .result p, #managePages p{margin:10px 0;} .pageOptions .code pre{width:580px;height:50px;background-color:#fff;padding:7px;white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} #manageTable td pre{display:block;height:224px;background-color:#fff;padding:7px;white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} #manageTable img, #manageTable pre{border:1px solid #ccc;} #manageTable .bordered{padding:7px;border:1px solid #ccc;height:224px;width:205px;} #manageTable label{display:block;} #manageTable input[type="text"]{display:inline-block;padding:3px;width: 175px;margin-right: 6px;margin-top: 4px;} #manageTable .updateLink{font-weight:bold;} #manageTable .deletePage{width: 100%;padding: 10px 0;background: red;color: #fff;border: none;font-weight: bold;font-size: 16px;margin-top: 31px;cursor:pointer;} #manageTable .deletePage:hover{background-color:#900;} a.reqAccess{display:block;text-align:center;margin-top:10px;font-size:12px;color:#ef922a;text-decoration:underline;padding-right:5px;padding-top:5px;} a.reqAccess:hover{text-decoration:none;} #zettaRegister{display:block;width:440px;border:1px solid #6cafcc;-moz-box-shadow: 0 0 10px #6cafcc;-webkit-box-shadow: 0 0 10px #6cafcc;box-shadow: 0 0 10px #6cafcc;margin: 35px auto 0;background-color:#ffffff;} #zettaRegister .zformBox .rowEl label{width: 145px;} #zettaRegister .zformBox a#zettaSubmit{display:block;text-align:center;width:151px;height:30px;margin:20px 0 0 164px;background:url(../images/butbg.png) no-repeat 0 0;font-size:16px;font-weight:bold;color:#fff;text-decoration:none;padding-top:8px;} #zettaRegister .zformBox a#zettaSubmit:hover{background-position:0 -38px;} /* --------------------------------------------------- */ /* ----------------- 31. FOOTER ICONS ---------------- */ /* --------------------------------------------------- */ .socialFooter{display:block;width:285px;height:32px;margin:10px auto;} .socialFooter a{display:inline-block;width:32px;height:32px;margin-right:2px;background:url(http://pages.zetta.net/rs/zetta/images/footericonssprite.png) no-repeat 0 0;opacity:0.8} .socialFooter a.last{margin-right:0;} .socialFooter a:hover{opacity:1;} .socialFooter a.icFb{background-position: 0px 0} .socialFooter a.icLi{background-position: -38px 0} .socialFooter a.icYt{background-position: -76px 0} .socialFooter a.icGp{background-position: -114px 0} .socialFooter a.icTw{background-position: -152px 0} .socialFooter a.icSp{background-position: -190px 0} .socialFooter a.icSs{background-position: -228px 0} /* --------------------------------------------------- */ /* ----------------- 32. NEW MOZY PAGE --------------- */ /* --------------------------------------------------- */ .newMozyBox{display:block;width:896px;padding:15px;background: url(http://pages.zetta.net/rs/zetta/images/p5_cob_bluestripe.png) repeat;} .newMozyBox .innerMozy{display:block;width:895px;height:336px;background:#fff url(../images/mozyboxbg.jpg) no-repeat 0 0;position:relative;} /* --------------------------------------------------- */ /* ----------------- 33. NEW HOME TOP ---------------- */ /* --------------------------------------------------- */ #slider_new_top{display:block;width:100%;height:315px;position:relative;background:url(../images/newtop_whites.jpg) no-repeat 0 0;margin:0;} #slider_new_top h1{font-size:50px;color:#57585a;line-height:51px;position:absolute;top:45px;left:38px;letter-spacing:-1px;} #slider_new_top h2{font-size:21px;color:#2f8fcc;line-height:18px;position:absolute;top:185px;left:40px;letter-spacing:-1px;text-transform:uppercase;} #slider_new_top a.nt_pricing{display:block;width:137px;height:39px;background:url(../images/nt_getpricing.png) no-repeat 0 0;position:absolute;top:243px;left:38px;} #slider_new_top a.nt_freetrial{display:block;width:137px;height:39px;background:url(../images/nt_freetrial.png) no-repeat 0 0;position:absolute;top:243px;left:205px;} #slider_new_top a.nt_pricing:hover,#slider_new_top a.nt_freetrial:hover{opacity:0.7} #slider_new_top img.nt_medallion{position:absolute;top:6px;left:475px;} #slider_new_top a.featureIcon{position:absolute;left:869px;} #slider_new_top .learnmorenewgreen {display:block; width: 151px; height: 44px; background: url(../images/getpricing_new_green.png) no-repeat 0 0; position:absolute;top:243px;left:38px;} #slider_new_top .learnmorenewgreen:hover {background-position: 0 -44px;} #slider_new_top .freetrialnewgreen {display:block; width: 151px; height: 44px; background: url(../images/freetrial_big_new_green.png) no-repeat 0 0; position:absolute;top:243px;left:205px;} #slider_new_top .freetrialnewgreen:hover {background-position: 0 -44px;} #slider_new a.nt_pricing{display:block;width:137px;height:39px;background:url(../images/nt_getpricing.png) no-repeat 0 0;position:absolute;top:426px;left:75px;} #slider_new a.nt_freetrial{display:block;width:137px;height:39px;background:url(../images/nt_freetrial.png) no-repeat 0 0;position:absolute;top:426px;left:230px;} #slider_new a.nt_pricing:hover,#slider_new a.nt_freetrial:hover{opacity:0.7} /* --------------------------------------------------- */ /* ---------- 34. SERVER CLOUD IMAGE BACKUP ---------- */ /* --------------------------------------------------- */ .clearfix{clear:both;float:none;display:block;} #content.sicb h1{margin-top:30px; padding-bottom: 15px; font-size: 34px; color:#2f8fcc;letter-spacing:-1px;margin-bottom:10px;} #content.sicb p, #content.sicb ul li{font-size:16px;line-height:19px;color:#4c4c4c;margin-bottom:20px;} #content.sicb ul{margin-left: 20px;} #content.sicb ul li{list-style-type:disc;} #content.sicb .firstLeft{display:block;width:395px;float:left;} #content.sicb a.tryFree{display:inline-block;padding:11px 17px 10px;background: #4eb048; /* Old browsers */background: -moz-linear-gradient(top, #4eb048 0%, #4d9e45 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4eb048), color-stop(100%,#4d9e45)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #4eb048 0%,#4d9e45 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #4eb048 0%,#4d9e45 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #4eb048 0%,#4d9e45 100%); /* IE10+ */background: linear-gradient(to bottom, #4eb048 0%,#4d9e45 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb048', endColorstr='#4d9e45',GradientType=0 ); /* IE6-9 */font-size:16px;font-family:Arial;font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:3px solid #9bd090;margin-top:40px;margin-left:25px;margin-bottom:30px;} #content.sicb a.tryFree:hover{opacity:0.8} #content.sicb .firstRight{display:block;width:565px;float:left;} #content.sicb h2.underlined{font-size:25px;color:#484848;padding-bottom:2px;border-bottom:1px solid #d6d6d6;margin-bottom:28px;margin-top:25px;letter-spacing:-1px;} #content.sicb .secondLeft{display:block;width:665px;float:left;} #content.sicb .secondRight{display:block;width:234px;float:right;background:#f6fbff;padding:14px;height:1190px;} #content.sicb .secondRight h3{display:block;font-size:18px;color:#2f8fcc;margin-top:10px;padding-bottom:2px;border-bottom:1px solid #d6d6d6;margin-bottom:25px;text-transform:uppercase;letter-spacing:0px;} #content.sicb .pItem{display:block;margin-bottom:60px;vertical-align:middle;} #content.sicb .pItem img{display:block;float:left;margin-right:11px;vertical-align:middle;} #content.sicb .pItem p{vertical-align:middle;} /* --------------------------------------------------- */ /* ------------35. NEW TOP LAUNCH BANNER ------------- */ /* --------------------------------------------------- */ #launch_banner{display:block;width:100%;height:48px;position:relative;background:url(../images/launch-banner-bg.jpg) no-repeat 0 0;margin:15px 0px 0px 0px; z-index:-1;} #launch_banner h3{font-size:21px;color:#fff;line-height:18px;position:absolute;top:17px;left:40px;letter-spacing:-1px;text-transform:uppercase; font-weight: normal;} #launch_banner h4{font-size:17px;color:#fff;line-height:18px;position:absolute;top:17px;left:430px;letter-spacing:-1px;text-transform:uppercase; font-weight: normal;} #launch_banner_old{display:block;width:376px;height:79px;position:relative;background:url(../images/launch-banner-old-bg-text.jpg) no-repeat 0 0;margin:15px 0px 0px 35px; z-index:-1;} #launch_banner_old h3{font-size:20px;color:#fff;line-height:18px;position:absolute;top:17px;left:50px;letter-spacing:-1px;text-transform:uppercase; font-weight: normal;} #launch_banner_old h4{font-size:14px;color:#fff;line-height:18px;position:absolute;top:47px;left:20px;letter-spacing:-1px;text-transform:uppercase; font-weight: normal;} /* --------------------------------------------------- */ /* ------------36. HISTORY OF BANDWIDTH -------------- */ /* --------------------------------------------------- */ .hisBand{display:block;width:100%;height:86px;overflow:hidden;margin-bottom:4px;} .hisBand .hisSpeed{display:table-cell;width:198px;vertical-align:middle;height:86px;padding-left:12px;} .hisBand .hisSpeed.bps{background-color:#894438;} .hisBand .hisSpeed.kbps{background-color:#b85d0d;} .hisBand .hisSpeed.mbps{background-color:#b6b400;} .hisBand .hisSpeed.gbps{background-color:#467b01;} .hisBand .hisSpeed span{font-size:36px;color:#fff;letter-spacing:-1px;font-weight:bold;} .hisBand .hisDetails{display:table-cell;width:546px;height:66px;background:#f6e8e5;padding:10px 12px;border-left:4px solid #fff;} .hisBand .hisDetails span{font-size:14px;line-height:20px;color:#3a3a3a;} .hisBand .hisMeta{display:table-cell;width:160px;height:86px;background:#696969;border-left:4px solid #fff;vertical-align:top;} .hisBand .hisMeta .hisName{padding:9px 10px 4px;border-bottom:1px solid #fff;text-transform:uppercase;} .hisBand .hisMeta .hisName span{font-size:22px;color:#ffffff;} .hisBand .hisMeta .hisName span small{display:block;font-size:11px;color:#c8c6c6;} .hisBand .hisMeta .hisDate{padding:9px 10px 0;text-transform:uppercase;} .hisBand .hisMeta .hisDate span{font-size:14px;color:#fff;} .hisBand .hisMeta .hisDate span font{color:#a6a7a7;} .speedSeparator{display:block;width:100%;height:10px;} /* --------------------------------------------------- */ /* ------------37. INDEX V10 JAN 2015 ---------------- */ /* --------------------------------------------------- */ #slider_v10_jan{display:block;width:100%;height:359px;position:relative;margin:0 0 15px;} #slider_v10_jan h1{font-size:48px;color:#57585a;line-height:46px;padding-top:53px;margin-bottom:24px;margin-top:0;margin-left:10px;font-weight:normal;} #slider_v10_jan img.nt_medallion{position: absolute;top: 23px;right: 95px;width: 330px;} #slider_v10_jan a.nt_pricing {display: block;width: 174px;height: 50px;background: url(../images/getpricing2015.jpg) no-repeat 0 0;position: absolute;top: 160px;left: 10px;} #slider_v10_jan a.nt_freetrial{display: block;width: 174px;height: 50px;background: url(../images/freetrial2015.jpg) no-repeat 0 0;position: absolute;top: 160px;left: 220px;} #slider_v10_jan h2{color:#57585a;font-size:19px;font-weight:normal;margin-top: 65px;margin-left: 10px;letter-spacing: 1px;} #slider_v10_jan a.featureIcon {position: absolute;} #slider_v10_jan a:hover{opacity:0.7;} #ourcustomers2015{display:block;text-align:center;margin-top:15px;background:url(../images/strikethrough.jpg) repeat-x 0 5px;} #ourcustomers2015 span{color:#f5921f;font-size:15px;text-transform:uppercase;letter-spacing:1px;font-family:Arial, sans-serif;font-weight:bold;padding:0 7px 0 10px;background:#fff;} .slider2015{background:#FFF !important;margin-bottom:10px !important;} .slider2015 li a img{padding: 0 10px;} .slider2015 ul li{width:940px !important;text-align:center;padding-left:20px !important;} .slider2015 .next{right:0px !important;} #backupbuttons a:hover{opacity:0.7;} /* --------------------------------------------------- */ /* ------------38. INDEX V11 FEB 2015 ---------------- */ /* --------------------------------------------------- */ #slider_v11_feb{display:block;width:100%;height:331px;position:relative;margin:0 0 15px;} #slider_v11_feb h1{font-size:40px;color:#57585a;line-height:40px;padding-top:58px;margin-bottom:15px;margin-top:0;margin-left:10px;font-weight:normal;} #slider_v11_feb img.nt_medallion{position: absolute;top: 23px;right: 148px;width: 302px;} #slider_v11_feb a.nt_pricing {display: block;width: 148px;height: 42px;background: url(../images/getpricing2015.jpg) no-repeat 0 0;position: absolute;top: 155px;left: 10px;background-size:100%;} #slider_v11_feb a.nt_freetrial{display: block;width: 148px;height: 42px;background: url(../images/freetrial2015.jpg) no-repeat 0 0;position: absolute;top: 155px;left: 180px;background-size:100%;} #slider_v11_feb h2{color:#57585a;font-size:16px;font-weight:normal;margin-top: 60px;margin-left: 10px;letter-spacing: 1px;} #slider_v11_feb a.featureIcon {position: absolute;} #slider_v11_feb a:hover{opacity:0.7;} #ourcustomers2015{display:block;text-align:center;margin-top:15px;background:url(../images/strikethrough.jpg) repeat-x 0 5px;} #ourcustomers2015 span{color:#f5921f;font-size:15px;text-transform:uppercase;letter-spacing:1px;font-family:Arial, sans-serif;font-weight:bold;padding:0 7px 0 10px;background:#fff;} .slider2015{background:#FFF !important;margin-bottom:10px !important;} .slider2015 li a img{padding: 0 17px;} .slider2015 ul li{width:940px !important;text-align:center;padding-left:20px !important;} .slider2015 .next{right:0px !important;} #backupbuttons a:hover{opacity:0.7;} #slider_v11_feb .slidertop{margin:45px 0 0; width:365px; height:90px; position:relative;} #slider_v11_feb .slidertop .slidetop{display:none; position:absolute;top:0;height:90px; width:100%;left:0;} #slider_v11_feb .slidertop-nav { margin: 0; width:100px; clear:both; position: absolute; top: 279px; left: 5px;} #slider_v11_feb .slidertop-nav li { float:left; margin:0 5px; } #slider_v11_feb .slidertop-nav li a{display:block;text-indent:-9999px;width:9px;height:9px;background:#aaa9a7;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;opacity:0.6;} #slider_v11_feb .slidertop-nav li.active a{opacity:1;} #slider_v11_feb .slidertop .slidetop h3{color:#f7941e;font-size:13px;float:none;clear:both;text-transform:uppercase;margin-left:73px;margin-top:0;margin-bottom:4px;letter-spacing:0.5px;} #slider_v11_feb .slidertop .slidetop p{font-size:11px;color:#7e7e7e;line-height:13px;letter-spacing:0.5px;margin-left:73px;} /* --------------------------------------------------- */ /* ------------39. ARCHITECTURE 2015 ---------------- */ /* --------------------------------------------------- */ #content.architecture-new{padding-left: 10px; padding-right: 10px; width: 940px; margin-top: 0px;} .architecture-new h1.page-title{display:block;font-size:48px;line-height:55px;color:#2f8fcc;margin:30px 0 0 0;} .medium-size{font-size:16px;line-height:20px;} .float-right{float:right;} .float-left{float:left;} a.green-try-zetta{display:block;width:208px;height:53px;background:url(../images/try-zetta-free-green-208x53.png) no-repeat 0 0;opacity:1;-webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;} a.green-try-zetta:hover{opacity:0.7;} a.green-contact{display:block;width:208px;height:53px;background:url(../images/contact-us-green-208x53.png) no-repeat 0 0;opacity:1;-webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;} a.green-contact:hover{opacity:0.7;} h3.bottom-border{display:block;font-size:28px;line-height:32px;padding-bottom:7px;border-bottom:1px solid #d6d6d6;margin:15px 0 35px;} .numbered-items{display:block;width:420px;margin-top:65px;} .numbered-items.left{float:left;margin-right:95px;} .numbered-items.right{float:left;} .numbered-item{display:block;margin-bottom:46px;} .numbered-item::before{display:inline-block;width:30px;height:26px;background-color:#2e8fcc;color:#fff;font-weight:bold;text-align:center;float:left;margin:2px 14px 24px 7px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;font-size:18px;padding-top:4px;} .no-1::before{content: "1";} .no-2::before{content: "2";} .no-3::before{content: "3";margin-bottom:35px;} .no-4::before{content: "4";} .no-5::before{content: "5";} .no-6::before{content: "6";} .highlight-item{display:block;padding:15px 0 15px 145px;min-height:71px;margin-bottom:28px;} .highlight-item table td p{line-height:28px;} .highlight-item table td ul{padding-left:50px;} .highlight-item table td ul li{list-style-type:circle} .highlight-speed{background:url(../images/highlight-speed.jpg) no-repeat 3px 0;} .highlight-security{background:url(../images/highlight-security.jpg) no-repeat 3px 0;} .highlight-data{background:url(../images/highlight-data.jpg) no-repeat 3px 0;} .highlight-recovery{background:url(../images/highlight-recovery.jpg) no-repeat 3px 0;}