body{font-family:'Open Sans',sans-serif;font-weight:lighter;}#sitewrap{position:relative;width:1000px;margin:auto;}.isotope-item{z-index:2;}.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s;}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width;}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity;}.container_12,.container_16{border-bottom:solid 1px black;clear:both;margin-left:auto;margin-right:auto;overflow:auto;width:960px;}.inner{overflow:hidden;padding-bottom:15px;}.grid_0,.grid_1,.grid_1_5,.grid_2,.grid_3,.grid_35,.grid_4_5,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;padding-left:10px;padding-right:10px;background:#ffffff;}.grid_0{width:40px;}.grid_1{width:60px;}.grid_1_5{width:80px;}.grid_2{width:140px;}.grid_3{width:220px;}.inner .grid_3{width:210px;}.grid_35{width:300px;}.inner .grid_35{width:260px;}.grid_4{width:320px;}.inner .grid_4{width:290px;}.grid_4_5{width:330px;}.grid_5{width:380px;}.grid_6{width:450px;}.grid_7{width:540px;}.grid_8{width:620px;}.grid_9{width:700px;}.grid_10{width:780px;}.grid_11{width:860px;}.grid_12{width:960px;overflow:hidden;}.left{float:left;}.right{float:right;}.align-left{text-align:left;}.align-right{text-align:right;}.margin-left{margin-left:20px;}.margin-right{margin-right:20px;}.margin-bottom{margin-bottom:50px;}body{background:#ffffff;margin:0px;padding:0px;}p{color:#454545;line-height:24px;margin:0px 0px 24px;}article.body p{color:#454545;font-size:14px;line-height:20px;margin-bottom:20px;}a{text-decoration:none;cursor:pointer!important;}.body a{color:#b5121b;text-decoration:none;}.body a:visited{color:#b5121b;text-decoration:none;}.body a:hover{color:#b5121b;text-decoration:underline;}.body a:active{color:#b5121b;text-decoration:underline;}.body ul,ol{margin:20px 0px;padding:0px 20px;}.body ul.no-margin,.body ol.no-margin{margin-top:-20px;}.body ul ul.no-margin,.body ol ol.no-margin{margin-top:5px;}.body ul li,.body ol li{color:#454545;font-size:14px;line-height:20px;margin:0px 0px 5px 30px;padding:0px;}.body ul li{list-style:none;}.body ul li:before{border-left:5px solid #b5121b;border-top:4px dashed transparent;border-bottom:4px dashed transparent;content:'-';display:block;height:0px;left:-15px;margin-top:-10px;position:relative;text-indent:-9999px;top:13px;width:0px;}.body ol li li{list-style:lower-roman;}blockquote{color:#777;font-size:16px;font-style:italic;line-height:24px;margin:0px 0px 17px;padding:15px 0px 15px 40px;position:relative;quotes:"0x201C";z-index:100;}blockquote:before{color:#EDEDED;content:open-quote;font-size:150px;font-style:normal;font-weight:bold;position:absolute;float:left;left:-50px;top:40px;z-index:-10;}table th,table td{font-family:'Open Sans',sans-serif;font-size:14px;line-height:18px;}.form td{padding:10px;vertical-align:top;}.form td.label{font-size:14px;font-weight:bold;text-align:left;width:25%;vertical-align:top;}.form td.input input,.form td textarea{border:solid 1px #DDD;display:block;font-family:'Open Sans',sans-serif;font-size:14px;padding:5px;width:75%;vertical-align:top;}.form td textarea{height:150px;}.form td .submit{background:black url(/images/chrome/button-icons.png) right -26px no-repeat;border:none;color:white;cursor:pointer;display:block;float:left;font-size:13px;font-weight:bold;margin-left:10px;padding:5px 25px 5px 10px;}.form td .submit:hover{background-color:#b5121b;}.form td .back{background:#DDD;border:none;color:#222;cursor:pointer;display:block;float:left;font-size:13px;font-weight:bold;padding:5px 10px 5px 10px;}.form td.set>p{color:black;font-size:14px;font-weight:normal;line-height:14px;margin:0px;}.form .hints{display:block;padding:5px 5px 0px;width:75%;}.form .hints p{color:#777;font-size:12px;line-height:16px;margin:5px 0px 0px;}.form .strength{border:solid 1px #DDD;display:block;margin-top:4px;margin-left:15px;width:25%;}.form .strength #pwd-result-bar{height:15px;}.topnew{border-bottom:solid 1px black;display:block;padding:10px 0px 10px;background-color:#b5121b;position:relative;}.topnew h1{border-left:solid 3px #000000;font-size:40px;line-height:50px;margin:0px 0px 0px 80px;padding-bottom:15px;padding-left:20px;color:#ffffff;}.grid_12>.topnew h1{margin-bottom:0px;padding-right:100px;}.grid_12>.topnew h1.nopadright{padding-right:20px;}.topnew h1 span{color:#ffffff!important;display:block;font-size:15px;line-height:17px;padding-top:10px;}.topjelastic{border-bottom:solid 1px black;display:block;padding:10px 0px 10px;background-color:#b5121b;position:relative;}.topjelastic h1{border-left:solid 3px #000000;font-size:40px;line-height:50px;margin:0px 0px 0px 80px;padding-bottom:15px;padding-left:20px;color:#ffffff;}.grid_12>.topjelastic h1{margin-bottom:0px;padding-right:100px;}.grid_12>.topjelastic h1.nopadright{padding-right:20px;}.topjelastic h1 span{color:#ffffff!important;display:block;font-size:15px;line-height:17px;padding-top:10px;}.top{border-bottom:solid 1px black;display:block;padding:0px 0px 50px;}.top h1{border-left:solid 3px #000000;font-size:40px;line-height:50px;margin:0px 0px 0px 80px;padding-bottom:15px;padding-left:20px;color:#ffffff;}.grid_12>.top h1{margin-bottom:0px;padding-right:300px;}.grid_12>.top h1.nopadright{padding-right:20px;}.article h1 span{color:#999;display:block;font-size:15px;line-height:17px;padding-top:10px;}.top h1 span{color:#ffffff;display:block;font-size:15px;line-height:17px;padding-top:10px;}h1 strong{color:#b5121b;}h1.headline{border-bottom:solid 1px black;margin-bottom:25px;padding-bottom:5px;}h1.headline:after{border-top:solid 2px black;left:0;content:'-';display:block;margin-top:5px;height:0px;overflow:hidden;position:relative;text-indent:-9999px;top:8px;width:25px}.widget h1.headline{font-size:18px;}.widget h1.headline:after{margin-top:0px;}.grid_3 h1,.grid_35 h1,.grid_4 h1{font-size:22px;}.body h2{font-size:26px;margin:0px 0px 24px;}.article h2 span{color:#999;display:block;font-size:13px;line-height:17px;padding-top:10px;}.body h3{font-size:16px;margin:0px 0px 5px;}.grid_3 h3,.grid_35 h3,.grid_4 h3{font-size:16px;line-height:20px;}.widget h3{margin:0px;}h3 a{color:black;}h3 a:hover{color:#b5121b;}.more-button{background:black;color:white;display:block;font-size:11px;line-height:11px;margin-top:17px;padding:4px 4px 4px 4px;text-align:center;width:60px;}.more-button:hover{background:#b5121b;}.big-button{background:black;color:white;display:block;font-size:16px;margin:15px;padding:15px 20px;}.big-button:hover{background:#b5121b;}.big-button:after{background:url(/images/chrome/right-arrow.png) center center no-repeat;content:'-';display:inline-block;height:20px;margin:0px 15px -5px;overflow:hidden;position:relative;text-indent:-9999px;width:20px;}.visit{border-bottom:solid 1px #b5121b;color:#141414;display:inline-block;font-size:13px;line-height:17px;margin-top:10px;padding:5px 0px 5px 0px;}.visit:after{background:url(/images/servint/icons_2_ml_4.gif) -52px -388px;content:'-';display:inline-block;height:15px;margin-bottom:-2px;margin-left:0px;overflow:hidden;position:relative;text-indent:-9999px;top:2px;width:20px;}header{border-bottom:solid 1px black;display:block;overflow:visible!important;height:65px;position:relative;box-sizing:content-box;-webkit-box-sizing:content-box;}.two_col{padding-bottom:0px;}article{display:block;padding:40px 0px 0px 20px;}article.body-full{overflow:auto;padding-left:0px;}.articles>div{border-top:solid 1px black;}.articles>div:first-child{border-top:none;}.sidebar{padding:50px 0px;}.sidebar .inner{overflow:visible;padding-left:30px;}footer{border-bottom:none!important;color:#757575;display:block;font-size:12px;line-height:24px;overflow:auto;position:relative;}footer.box>div{padding:15px 0px 50px;}.widget{margin:30px 0px;padding:0px;}.box:before{border-top:solid 2px black;left:0;content:'-';display:block;margin-bottom:-22px;overflow:hidden;position:relative;text-indent:-9999px;top:0px;width:25px;z-index:100;}.inner .box:before{border-top:solid 2px black;left:-10px;top:0px;margin-bottom:-12px;}.box>div{padding:50px 0px;}.box .box:first-child,.box .box.first-child{margin-top:-30px;}.grid_4 .box{border-bottom:solid 1px black;margin:0px -10px 0px;padding:0px 10px 0px;}.grid_4 .box:last-child,.grid_4 .box.last-child{border-bottom:none;}.box>.inner>div{border-right:solid 1px black;margin-bottom:-1000px;padding-bottom:1000px;padding-right:14px;padding-left:15px;}.inner>div.box:before{left:-15px;}.inner.no-border{padding-top:15px;}.inner.no-border>div{border:none;padding-left:0px;padding-right:45px;}.inner.no-border>div:first-child,.inner.no-border div.first-child{padding-left:0px;}.inner.no-border>div:last-child,.inner.no-border div.last-child{padding:0px!important;}.inner.no-border .last-child{padding-right:0px!important;}.inner.foot{padding:0px 0px 50px;}.inner.foot>div{border-right:none;border-top:solid 1px black;padding-right:0px;margin-right:45px;}.foot .last-child{border-top:solid 1px black;margin-right:0px!important;}.sidebar-box{background:#EDEDED;float:right;margin:40px 0px 30px 30px;padding:15px;width:240px;}.sidebar-box h2{font-size:18px;line-height:22px;margin:0px 0px 18px;padding:0px;}.sidebar-box ul{margin:0px;padding:0px;}div.sidebar-box ul li{font-size:12px;line-height:18px;padding-left:0px;}#logo{background:url(/images/chrome/brand.gif) -10px center no-repeat;display:block;height:65px;margin-left:0px;margin-right:80px;padding:0px;text-indent:-9999px;width:160px;box-sizing:content-box;-webkit-box-sizing:content-box;}.sprite.bug{float:left;height:20px;margin-right:10px;width:21px;}.sprite.bug img{margin-top:-9px;margin-left:-176px;}.main{padding:0px;overflow:visible;}.main ul{margin:0px;padding:0px;overflow:visible;list-style:none;}.main a{border-right:solid 1px black;color:black;display:block;float:left;font-family:'Open Sans',sans-serif;font-size:14px;line-height:16px;outline:none;padding:15px 69px 15px 10px;height:35px;text-decoration:none;width:60px;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}.main a:link,.main a:visited{color:black;}.main a:hover{background:#B5121B;color:white;}.main a:active{background:#B5121B;color:white;}.main a.active{background:black;color:white;}.main ul li{color:black;display:block;position:relative;float:left;list-style:none;overflow:visible;}.main ul li:hover{background:#b5121b;color:white;}.main li.last-child a{border-right:none;}.main li ul{background:white;display:none;height:auto;padding:0px;margin:0px;border:solid 1px black;position:absolute;width:220px;z-index:500000;top:65px;left:-1px;}.main li:hover ul{display:block;position:absolute;}.main li li{display:block;float:none;margin:0px;padding:0px;}.main li:hover li a{background:none;}.main li ul a{display:block;border:none;height:auto;float:none;font-size:12px;line-height:13px;padding:8px 10px;margin:0px;text-align:left;width:200px;}.main li ul a:hover{background:#b5121b;color:white;}.main li ul a.active{background:black;color:white;}nav.foot{margin-top:5px;}nav.foot a{border-right:solid 1px black;color:black;display:block;float:right;font-family:'Open Sans',sans-serif;font-size:12px;line-height:12px;padding:0px 10px;}nav.foot>a:first-child,nav.foot a.first-child{border-right:none;padding-right:0px;}nav.sub{background:#EDEDED;display:block;}nav.sub a{color:#454545;display:block;font-size:12px;padding:8px 15px;}nav.sub a:hover,nav.sub a.active{background:#b5121b;color:white;}nav.sub a.active{background:black;}nav.sub ul{margin:0px;padding:0px;}nav.sub ul li{list-style:none;margin:0px;padding:0px;}nav.internal{border-bottom:solid 1px #DDD;margin-top:40px;margin-bottom:0px;padding:0px;}nav.internal ul{margin:0px;padding:0px;}nav.internal ul li{list-style:none;margin:0px;padding:0px;}nav.internal ul li:before{display:none;}nav.internal a{color:black;display:block;font-size:13px;padding:15px;text-decoration:none;}nav.internal a.active,nav.internal a:hover{background:black;color:white;}nav.internal a.last-child{border-right:none;}.inner .widget{padding:0px;}.widget .item{display:block;overflow:auto;}.widget .item div{padding:0px;}.additional{background:#EDEDED;margin:15px;padding:1px 15px 15px;}.sprite{display:block;overflow:hidden;}.box p{color:#454545;font-size:13px;line-height:17px;}.imgbox{background:black;display:block;margin-bottom:17px;padding:10px 15px;text-align:center;}.img-header{background:black;display:block;overflow:hidden;padding:5px;}.img-header img{display:block;}div .icon{background:url(/images/servint/icons_2_ml_4.gif) no-repeat;display:block;height:80px;}.managed .icon{background-position:-15px -203px;height:105px;margin:40px auto 0px;width:105px;}.managed .icon.active{background-position:-145px -203px;}.vps .icon{background-position:-29px -20px;margin:0px auto;width:75px;}.vps .icon.active{background-position:-156px -20px;}.flex_dedicated .icon{background-position:-167px -405px;margin:0px auto;width:70px;}.flex_dedicated .icon.active{background-position:-167px -951px;}.semi_dedicated .icon{background-position:-0px -1046px;margin:0px auto;width:70px;}.semi_dedicated .icon.active{background-position:-167px -1046px;}.vdedicated .icon{background-position:-32px -108px;margin:0px auto;width:70px;}.vdedicated .icon.active{background-position:-159px -108px;}.dedicated .icon{background-position:-167px -405px;margin:0px auto;width:70px;}.dedicated .icon.active{background-position:-167px -516px;}.cloud .icon{background-position:-22px -300px;margin:0px auto;width:95px;}.cloud .icon.active{background-position:-149px -300px;}.jelastic .icon{background:url(/images/logos/JelasticLogo40NoColor.png) no-repeat;margin:0px auto;width:95px;}.jelastic .icon.active{background:url(/images/logos/JelasticLogo40.png) no-repeat;}.jelasticicon .icon{margin:0px 0px 0px 25px;background:url(/images/logos/JelasticLogoNameNoColor175.png) no-repeat;}.jelasticicon .icon.active{margin:0px 0px 0px 25px;background:url(/images/logos/JelasticLogoName175.png) no-repeat;}.vps-small,.vdedicated-small,.dedicated-small,.cloud-small,.jelastic-small{margin-top:-2px;padding:0px;}.vps-small .icon{background-position:-10px -670px;height:60px;width:60px;text-align:center;}.vps-small .icon.active{background-position:-133px -670px;}.flex_dedicated-small .icon{height:60px;width:60px;background-position:-133px -724px;text-align:center;}.flex_dedicated-small .icon.active{background-position:-88px -940px;}.semi_dedicated-small .icon{height:60px;width:60px;background-position:-0px -938px;text-align:center;}.semi_dedicated-small .icon.active{background-position:-86px -1032px;}.vdedicated-small .icon{height:60px;width:60px;background-position:-70px -670px;text-align:center;}.vdedicated-small .icon.active{background-position:-192px -670px;}.dedicated-small .icon{height:60px;width:60px;background-position:-133px -724px;text-align:center;}.dedicated-small .icon.active{background-position:-194px -724px;}.cloud-small .icon{background-position:-10px -735px;height:60px;width:60px;text-align:center;}.cloud-small .icon.active{background-position:-74px -735px;}.jelastic-small .icon{background:url(/images/logos/JelasticLogo40NoColor.png) no-repeat;// background-position: -19px -879px; height: 60px; width: 50px; margin-left: 10px; text-align: center; } .jelastic-small .icon.active { background: url(/images/logos/JelasticLogo40.png) no-repeat; // background-position: -130px -879px; } /* ------------------------ 9.2 Options -------------------------------- */ #options { border: none; overflow: auto; padding: 10px 0px; } #options a { background-color: black; color: white; display: block; float: right; font-size: 13px; font-weight: bold; margin-left: 10px; padding: 10px 25px; } #options a.login { background: black url(/images/chrome/button-icons.png) 5px -51px no-repeat; padding-right: 15px; } #options a.portal { background: black url(/images/chrome/button-icons.png) right -23px no-repeat; padding: 10px 30px 10px 10px; } #options .getstarted { background: #b5121b url(/images/chrome/button-icons.png) right -23px no-repeat; color: white; display: block; float: right; font-size: 13px; font-weight: bold; margin-left: 10px; overflow: auto; padding: 10px 30px 10px 10px; } #options .getstarted span { display: block; float: left; } #options .getstarted a { background: transparent; display: block; float: left; margin-left: 0px !important; padding: 0px 0px 0px 10px; } #options #customshopsaves { background: #b5121b url(/images/chrome/button-icons.png) right -23px no-repeat; color: white; display: block; float: right; font-size: 13px; font-weight: bold; margin-left: 10px; overflow: auto; padding: 10px 30px 10px 10px; } #options #customshopsaves span { display: block; float: left; } #options #customshopsaves a { background: transparent; display: block; float: left; margin-left: 0px !important; padding: 0px 0px 0px 10px; } #customshopsaved a { background-color: #FFFFFF; color: red; display: block; float: none; font-size: 12px; font-weight: bold; margin-left: 10px; padding: 0px 0px; } #options .gtranslate { color: black; display: block; float: right; font-size: 13px; font-weight: bold; margin-left: 10px; overflow: auto; } body {top: 0px !important; position: static !important; } .goog-te-banner-frame {display:none !important} /* ------------------------ 9.3 Post -------------------------------- */ .article.left { padding-left: 0px; } .post { border-left: solid 3px #EDEDED; margin: 0px 0px 15px; padding: 15px 20px 0px 20px; } .post h2 { font-size: 18px; line-height: 20px; margin-bottom: 17px; } .post p { margin: 0px; padding-bottom: 15px; } /* ------------------------ 10. PAGE SPECIFIC ELEMENTS -------------------------------- */ #single_slider {position: relative;} #single_slider>div { padding: 0px; } #single_slider div.slide { display: block; overflow: auto; height: 375px; background: url(/images/solidfire/solidfire_ssd.png) no-repeat; } /* ------------------------ 10.1 Slider -------------------------------- */ #slider {position: relative;} #slider>div {padding: 0px;} #slider div.slide { display: none; overflow: auto; height: 275px; padding: 50px 80px 50px 80px; width: 800px; } #slider div.slide:first-child { display: block; } /* ------------------------ 10.1.1 Slide Background Images -------------------------------- */ #slide_1 { background: url(/images/slides/slide_1_1.jpg) no-repeat; } #slide_2 { background: url(/images/slides/slide_1_5.jpg) no-repeat; } #slide_3 { background: url(/images/slides/slide_1_2.jpg) no-repeat; } #slide_4 { background: url(/images/slides/slide_4.jpg) no-repeat; } #slide_5 { background: url(/images/slides/slide_1_7.jpg) no-repeat; } #slide_flex { background: url(/images/slides/slide_flex_1.jpg) no-repeat; } #slide_solidfire { background: url(/images/solidfire/slide_v01_01.png) no-repeat; } #slide_amsterdam { background: url(/images/slides/slide_amsterdammap.jpg) no-repeat; } #slide_6 { background: #FFFFFF; } .slide h1 { font-size: 42px; margin: 0px; } .slide .desc { border-left: solid 3px #b5121b; font-size: 14px; line-height: 24px; margin-bottom: 0px; padding-left: 20px; width: 320px; } .slide .more { background: url(/images/servint/icons_2_ml_4.gif) 47px -376px; border-bottom: solid 1px #b5121b; color: #141414; display: block; float: right; font-size: 18px; line-height: 24px; margin-right: 280px; margin-top: 40px; padding: 5px 25px 5px 0px; width: 95px; } /* ------------------------ 10.2 Featurette -------------------------------- */ .featurette .box { border-right: solid 1px black; margin-bottom: -1000px; padding-bottom: 1000px; padding-right: 14px; } .featurette .box.last-child { border-right: none; } .featurette .box:before { margin-left: 5px; } /* ------------------------ 10.3 Find Out More -------------------------------- */ .findoutmore .inner { padding-bottom: 10px; } .findoutmore .inner.foot { padding-bottom: 50px; } /* ------------------------ 10.4 Socialize -------------------------------- */ .socialize { overflow: auto; padding: 10px 0px; margin: 0px 0px 0px 40px; } .socialize a { background: url(/images/servint/icons_2_ml_4.gif) no-repeat; background-position: -14px; display: block; float: left; height: 44px; margin-right: 15px; text-indent: -9999px; width: 44px; } .socialize a:hover { background-position: -75px; } .socialize>a:last-child, .socialize a.last-child { margin-right: 0px; } .socialize .last-child {margin-right: 0px;} .socialize .tools { background-position: -14px -414px; } .socialize .tools:hover { background-position: -74px -414px; } .socialize .chat { background-position: -18px -618px; } .socialize .chat:hover { background-position: -78px -618px; } .socialize .rss { background-position: -15px -465px; } .socialize .rss:hover { background-position: -75px -465px; } .socialize .facebook { background-position: -15px -566px; } .socialize .facebook:hover { background-position: -75px -566px; } .socialize .twitter { background-position: -18px -516px; } .socialize .twitter:hover { background-position: -78px -516px; } /* ------------------------ 10.5 Product Comparison -------------------------------- */ .select-box { background: #EDEDED; color: #454545; font-size: 16px; font-weight: bold; padding: 15px 15px; margin-bottom: 20px; } .select-box span { display: block; font-size: 12px; font-style: italic; } .select-box select { margin: 0px 10px; width: 100px; } .select-box #amount { color: #b5121b; display: block; float: right; font-size: 20px; margin-right: 20px; margin-left: 20px; margin-top: -2px; width: 120px; } #slider-range { border: solid 1px #e5e5e5; float: right; margin-right: 20px; margin-top: 3px; width: 300px; } #slider-range .ui-slider-range { background: #B5121B; } #slider-range .ui-slider-handle { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: white; behavior: url("/css/PIE.htc"); border: solid 7px black; height: 5px; margin-top: 3px; outline: none; width: 5px; } .product { /* background: #FDFCFD; */ background: #ffffff; float: left; padding: 15px 0px 15px 0px; width: 300px; } .product.show { position: absolute; } .product.last { padding-right: 0px; } .product>div { padding: 5px 0px; text-align: left; } .solution h3 { /* THIS NEEDS THE - IN IT */ background: url(/images/servint/icons_2_ml_4.gif) -5px - no-repeat; font-size: 20px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 15px; } .solution .grid_1 { float: right; } /* Price */ .product .price { background: #EDEDED; padding: 10px 15px 10px 15px; color: #b5121b; font-size: 20px; font-weight: bold; } /* .details { background: #777 url(/images/chrome/button-icons.png) 3px -55px no-repeat; color: white; display: block; font-size: 20px; font-weight: bold; padding: 7px 15px 7px 25px; } */ .product.detail-view { height: 400px; } .price .order { background: black url(/images/chrome/button-icons.png) right -27px no-repeat; color: white; display: block; float: right; font-size: 12px; font-weight: bold; margin-top: -3px; padding: 5px 25px 5px 10px; border: 0px; } .product .vprice { background: #EDEDED; padding: 10px 15px 42px 15px; color: #b5121b; font-size: 18px; font-weight: bold; } .vprice .order { background: #b5121b; color: white; display: block; float: right; font-size: 14px; font-weight: bold; margin-top: -3px; margin-left: 10px; padding: 12px 10px 12px 10px; border: 0px; } .vprice .show-full { // background: #BBB url(/images/chrome/button-icons.png) 2px -87px no-repeat; color: white; display: block; font-size: 11px; font-weight: bold; line-height: 14px; margin-top: -3px; // background-position: 2px -88px; float: right; margin-right: 10px; padding: 6px 10px 5px 25px; } .vprice .order:hover, .vprice .preorder:hover { background: #000000; } .price .show-full, .product .show-full { background: #BBB url(/images/chrome/button-icons.png) 2px -87px no-repeat; color: white; display: block; font-size: 11px; font-weight: bold; line-height: 14px; margin-top: -3px; padding: 7px 15px 7px 25px; } .price .show-full { background-position: 2px -88px; float: right; margin-right: 10px; padding: 6px 10px 5px 25px; } div.specs, ul.specs li { color: #4d524e; font-size: 12px; font-weight: bold; line-height: 17px; padding: 0px; } .specs span, ul.specs li { border-bottom: dashed 1px #DEDEDE; display: block; padding: 10px 15px 10px 15px; } .flexpad span { padding: 3px 15px 3px 15px; } ul.specs li span { border: none; display: inline; padding: 0px; } .body ul.specs li { margin: 0px; padding: 10px 15px 10px 15px; } .body ul.specs li:before { display: none; } .specs.full { display: none; } .show .specs.full { display: block; } div.specs.full { color: #4d524e; font-size: 11px; } div.specs.full span { padding: 7px 15px; } /* ------------------------ 10.6 Product Page -------------------------------- */ .product-page { clear: both; display: block; padding: 40px 0px 0px; background: #ffffff; border-bottom: solid 1px #000; } .product-list { background: #DDD; display: block; overflow: auto; padding: 0px 0px 0px; } .product-list .grid_3 { width: 239px; } .product-list .grid_4 { width: 319px; } .product-list .grid_6 { width: 479px; } .product-list .product { border-right: solid 1px #DDD; padding: 15px 0px 0px; } .product-list .product.last-child { border: none; } .product-list .grid_4.last-child { width: 320px; } .product-page article.body { padding-left: 30px; } /* ------------------------------ 10.7 ORDER PAGE ------------------------------ */ .order-page .article.grid_8, .order-page .article.grid_4 { padding: 0px; } .order-page h2 { margin-bottom: 0px; } .order-page .icon { padding: 0px; } .order-page h2 .base { color: #b5121b; float: right; font-size: 20px; font-weight: bold; text-align: right; } .order-page .save { color: #999; display: block; font-size: 12px; font-weight: bold; margin: 5px 0px 0px; padding-left: 60px; } .order-page .save b { color: black; display: block; float: right; font-size: 14px; font-weight: bold; } .order-page .grid_8 .grid_4, .order-page .grid_8 .grid_8 { padding: 0px 0px 50px; } .order-page .body>div>h3 { background: #EDEDED; padding: 10px 15px; } .order-page .specs { margin: 0px; padding: 0px; } .order-page .specs li span { display: block; font-weight: normal; font-size: 11px; } .order-page .specs.sub { margin: 0px; padding: 0px; } .order-page .specs.sub li { font-size: 12px; font-weight: normal; padding: 5px 15px; } .order-page .form { clear: both; display: block; margin: 30px 0px 0px; } .order-page .internal.steps { border: none; margin-bottom: -30px; padding: 0px !important; } .steps a { font-weight: bold; padding: 10px 15px !important; } .steps .finished { color: #CCC; } .steps .current, .steps .current:hover { background: #EDEDED; color: black; } /* Cart */ .order-page .sidebar, .order-page .sidebar .inner { padding: 0px; } .cart { margin-top: 0px; margin-left: 0px; border: solid 1px black; width: 240px; } .cart h1 { margin-top: 0px; } .cart h3 { font-size: 16px; } .cart li { list-style: none; padding: 3px 0px; } .cart li span { float: right; font-weight: bold; } .cart li.total, .cart li.savings { font-size: 14px; font-weight: bold; } .cart li.total { color: #b5121b; margin-top: 20px; } #awards { text-align: center; } #awards .slider { height: 150px !important; } #awards .slider div { /* background: #FDFCFD; */ background: #ffffff; display: block; height: 150px; width: 100%; } #awards img { display: block; margin: 0px auto; } .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; } .tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; } .tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; } .tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; } .tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; } .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; } .tipsy-e .tipsy-arrow { right: 0; border-right: none; } .tipsy-w .tipsy-arrow { left: 0; border-left: none; } /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ #slider { width: 960px; height: 375px; background: #000 url('orbit/loading.gif') no-repeat center center; overflow: hidden; } #slider>img, #slider>div, #slider>a { display: none; } /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; margin: 0px auto; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit>img { position: absolute; top: 0; left: 0; display: none; } div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit>div { position: absolute; top: 0; left: 0; width: 960px; height: 375px; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.timer { display: none; width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; } span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(orbit/rotator-black.png) no-repeat; z-index: 3; } span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } span.rotator.move { left: 0 } span.mask.move { width: 40px; left: 0; background: url(orbit/timer-black.png) repeat 0 0; } span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; } span.pause.active { background: url(orbit/pause-black.png) no-repeat 0 -40px } div.timer:hover span.pause, span.pause.active { opacity: 1 } /* CAPTIONS ================================================== */ .orbit-caption { display: none; font-family: 'Open Sans', sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV ================================================== */ div.slider-nav { display: block } div.slider-nav span { width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer; } div.slider-nav span.right { background: url(orbit/right-arrow.png); right: 0; } div.slider-nav span.left { background: url(orbit/left-arrow.png); left: 0; } /* BULLET NAV ================================================== */ .orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: 0px; left: 50%; margin-left: -50px; padding: 0; } .orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(orbit/bullets.jpg) no-repeat 0px 0; width: 13px; height: 12px; overflow: hidden; } .orbit-bullets li.active { color: #222; background-position: -16px 0; } .orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } .orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* Custom CSS */ /* Legacy Styles */ #SnapABug_CL a:link { color: #b5121b !important; } #SnapABug_CL a:visited { color: #b5121b !important; } #SnapABug_CL a:hover { color: #b5121b !important; } #SnapABug_CL a:active { color: #b5121b !important; } div.conf-clear { clear: both; } div.i2coalition { position: relative; padding: 20px; left: 70px; } div.chatsubmit { background: #b5121b; border: none; color: white; cursor: pointer; display: inline-block; width: 100px; font-size: 20px; font-weight: bold; padding: 5px 5px 5px 5px; } .gstyle5 { color: #5cb107; } .red { color: #b5121b !important; } .black { color: #000000 !important; } .white { color: #FFFFFF !important; } .bold { font-weight: bold !important; } .uline { text-decoration: none !important; } .t09 { font-size: 9px; line-height: 11px !important; } .t10 { font-size: 10px; line-height: 12px !important; } .t11 { font-size: 11px; line-height: 13px !important; } .t12 { font-size: 12px; line-height: 14px !important; } .t14 { font-size: 14px; line-height: 16px !important; } .t16 { font-size: 16px; line-height: 18px !important; } .t18 { font-size: 18px; line-height: 22px !important; } .t20 { font-size: 20px; line-height: 30px !important; } .t22 { font-size: 22px; line-height: 30px !important; } .t24 { font-size: 24px; line-height: 32px !important; } .t26 { font-size: 26px; line-height: 34px !important; } .t36 { font-size: 36px; line-height: 34px !important; } .strike { text-decoration: line-through; } .fpboxh1 { font-size: 20px !important; } .t11i { font-size: 11px !important; } .pointer, .clickable { cursor: pointer !important;} .height50 { height: 50px; } .centerdiv { margin: auto; } .defpointer { cursor: default !important;} .white_bg { background: #ffffff !important; } .bloglogospace { margin: 0px; padding: 10px 30px 2px 0px; } img.center { display: block; margin: 0px auto; } .ml50 { margin-left: 50px; } .notip { } .verisign { position: relative; margin: 0px 0px 0px 75px; } .cpanelwhmlogo { position: relative; margin: 0px 0px 0px 90px; } .cpanelwhmlogo_side { position: relative; margin: 0px 0px 0px 70px; } .cpanelwhmlogo_about { position: relative; margin: 0px 0px 0px 55px; } .align-center { text-align: center; } .spaced { line-height: 1.4em; } .spaced SUB, .spaced SUP { line-height: 0; } .radiobut { width: 14px; height: 14px; } .bgblack { background-color:#000; border: solid 1px #fff; padding: 5px; color:#fff; text-align:left; width: 95%; } .policyhead { color: #000000; font-weight: bold; } .biobody { position: relative; width: 375px; top: 10px; left: 140px; } .bioname { font-size: 15px; line-height: 16px; color: #000; padding: 0px; margin-top: 35px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; } .bioimage { position: relative; width: 0px; top: 10px; left: 0px; float: left; } .biotitle { font-size: 15px; line-height: 16px; color: #323532; padding: 0px; margin-top: 0px; margin-right: 45px; margin-bottom: 10px; margin-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .nbiotitle { font-size: 15px; line-height: 16px; color: #323532; padding: 0px; margin-top: 0px; margin-right: 20px; margin-bottom: 10px; margin-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .nbiobody { position: relative; width: 518px; top: 10px; left: 0px; } .nbioimage { top: 10px; left: 0px; } /* Active Response System for KnowledgeBase */ .FieldInfo { float: right; width: 250px; padding: 10px; background-color: #E8EBEB; border: solid 1px #000000; overflow: auto; font: normal 12px Verdana; } .FieldInfo a { color: #b5121b; } .FieldInfo a:hover, .FieldInfo a.active { color: #b5121b; } .FieldInfo li { margin-bottom: 15px; } .CloseIcon { float: right; cursor: pointer; } .ordertd td { margin: 0px; padding: 2px; } /* simple css-based tooltip */ .tooltip { background-color:#fff; border:1px solid #000; padding:10px 15px; width:200px; display:none; color:#000; text-align:left; font-size:12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; } .tooltip_small_box { display:none; background:transparent url("/images/tooltip/black_arrow.png"); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; } .tooltip_big_box { display:none; background:transparent url("/images/tooltip/black_arrow_big.png"); font-size:12px; height:160px; width:320px; padding:25px; color:#fff; } .tooltip_big_box_no_img { background-color:#fff; border:1px solid #000; padding:10px 15px; width:250px; display:none; color:#000; text-align:left; font-size:12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; } .tooltip_big_box_no_img a { color: #b5121b; } /* For errors in order form */ form.orderform label.error, label.error { font-weight: bold; color: #b5121b; font-style: italic } /* Divs for AUP, TOS and Contract on order form */ #iframeorderaup { width: 575px; height: 250px; overflow: auto; margin: 0px; border: 1px solid #000; } #iframeordertos { width: 575px; height: 250px; overflow: auto; margin: 0px; border: 1px solid #000; } #iframeordercontract { width: 575px; height: 250px; overflow: auto; margin: 0px; border: 1px solid #000; padding: 5px; } /* Customer Support Page */ .cs blockquote { color: #777; font-size: 16px; font-style: italic; line-height: 24px; margin: 0px 0px 17px; padding: 15px 0px 15px 40px; position: relative; quotes: "\201C" "\201D"; z-index: 100; } .cs blockquote:before { color: #EDEDED; content: open-quote; font-size: 100px; font-style: normal; font-weight: bold; position: absolute; float: left; left: -10px; top: 40px; z-index: -10; } .cs blockquote:after { color: #EDEDED; content: close-quote; font-size: 100px; font-style: normal; font-weight: bold; position: absolute; float: right; right: -40px; top: 50px; z-index: -10; } .blank h1 span { color: #999; display: block; font-size: 15px; line-height: 17px; padding-top: 10px; } .body ul li.nomargin, .body ol li.nomargin { margin: 0px 0px 5px 0px; } .nomargin { margin: 0px !important; } .nopadding { padding: 0px !important; } /* testimonials.php */ .ttboxgrey { font-size: 14px; color: #323532; margin: 0px; padding: 15px 15px 15px 15px; font-weight: normal; background-color: #F1F1F1; border-bottom: 1px solid #CCC; } .ttboxwhite { font-size: 14px; color: #323532; margin: 0px; padding: 15px 15px 15px 15px; font-weight: normal; background-color: #FFFFFF; border-bottom: 1px solid #000; } /* Hover Order Buttons */ .price .nostock { background: black; color: white; display: block; float: right; font-size: 9px; font-weight: bold; margin-top: -3px; padding: 7px 4px 7px 4px; } .price .preorder { background: black url(/images/chrome/button-icons.png) right -27px no-repeat; color: white; display: block; float: right; font-size: 10px; font-weight: bold; margin-top: -3px; padding: 7px 25px 7px 5px; } .price .order:hover, .price .preorder:hover { background: #b5121b url(/images/chrome/button-icons.png) right -27px no-repeat; } .boxcopyla { font-family: 'Open Sans', sans-serif; font-size: 16px !important; line-height: 20px !important; color: #FFFFFF !important; margin: 0px !important; padding-top: 15px !important; padding-right: 15px !important; padding-bottom: 0px !important; padding-left: 0px !important; } .boxcopyla a:link { text-decoration: none; color: #ffcc66; } .boxcopyla a:visited { text-decoration: none; color: #ffcc66; } .boxcopyla a:hover { text-decoration: underline; color: #ffcc66; } .boxcopyla a:active { text-decoration: none; color: #ffcc66; } /* HOSTING SOLUTIONS */ .vps_bg { background: url(/images/headers/red_orange/slider_vps.png) no-repeat; } .semi_dedicated_bg { background: url(/images/headers/slider_split_box_1_13.png) no-repeat; } .vdedicated_bg { background: url(/images/headers/slider_solid_box_1_13.png) no-repeat; } .dedicated_bg { background: url(/images/headers/red_orange/slider_nonvs.png) no-repeat; } .cloud_bg { background: url(/images/headers/red_orange/slider_cloud.png) no-repeat; } .jelastic_bg { background: url(/images/headers/red_orange/slider_cloud.png) no-repeat; } .product-compare_bg { background: url(/images/headers/red_orange/slider_vps_nonvs.png) no-repeat; } .products_bg { background: url(/images/headers/red_orange/slider_vps_nonvs.png) no-repeat; } /* TECHNOLOGY green */ .simplescale_bg { background: url(/images/headers/yellow_orange/slider_yellow_orange__0000_Layer_8.jpg) no-repeat; } .datacenter_bg { background: url(/images/headers/yellow_orange/slider_yellow_orange__0001_Layer_7.jpg) no-repeat; } .network_bg { background: url(/images/headers/yellow_orange/slider_yellow_orange__0002_Layer_6.jpg) no-repeat; } .security_bg { background: url(/images/headers/yellow_orange/slider_yellow_orange__0003_Layer_5.jpg) no-repeat; } .greeninitiative_bg { background: url(/images/headers/yellow_orange/slider_yellow_orange__0004_Layer_4.jpg) no-repeat; } .webhosting_bg { background: url(/images/headers/yellow_orange/slider_yellow_orange__0005_Layer_3.jpg) no-repeat; } .technology_bg { background: url(/images/headers/yellow_orange/slider_yellow_orange__0007_Layer_1.jpg) no-repeat; } /* SUPPORT orange */ .customersupport_bg { background: url(/images/headers/red_orange/slider_red_orange__0001_Layer_7.jpg) no-repeat; } .managedmigration_bg { background: url(/images/headers/red_orange/slider_red_orange__0002_Layer_6.jpg) no-repeat; } .partnerprograms_bg { background: url(/images/headers/red_orange/slider_red_orange__0003_Layer_5.jpg) no-repeat; } .services_ccpay_bg { background: url(/images/headers/red_orange/slider_red_orange__0004_Layer_4.jpg) no-repeat; } .sla_bg { background: url(/images/headers/red_orange/slider_red_orange__0005_Layer_3.jpg) no-repeat; } .customertools_bg { background: url(/images/headers/red_orange/slider_red_orange__0007_Layer_1.jpg) no-repeat; } /* CULTURE light blue */ .about_bg { background: url(/images/headers/blue_1/slider_blue__0002_Layer_6.jpg) no-repeat; } .companyprofile_bg { background: url(/images/headers/blue_1/slider_blue__0004_Layer_4.jpg) no-repeat; } .managementteam_bg { background: url(/images/headers/blue_1/slider_blue__0006_Layer_2.jpg) no-repeat; } .testimonials_bg { background: url(/images/headers/blue_1/slider_blue__0001_Layer_7.jpg) no-repeat; } .careers_bg { background: url(/images/headers/blue_1/slider_blue__0003_Layer_5.jpg) no-repeat; } .news .top h1 { font-size: 26px; line-height: 36px; } .newsroom_bg { background: url(/images/headers/blue_1/slider_blue__0005_Layer_3.jpg) no-repeat; } .news { background: url(/images/headers/blue_1/slider_blue__0005_Layer_3.jpg) no-repeat; } .fiverules_bg { background: url(/images/headers/blue_1/slider_blue__0007_Layer_1.jpg) no-repeat; } /* CONTACT blue */ .servicesquote_bg { background: url(/images/headers/blue_2/slider_blue2__0007_Layer_1.jpg) no-repeat; } .contactus_bg { background: url(/images/headers/blue_2/slider_blue2__0005_Layer_3.jpg) no-repeat; } .servicesiprequest_bg { background: url(/images/headers/blue_2/slider_blue2__0003_Layer_5.jpg) no-repeat; } /* MISC */ .bg_404 { background: url(/images/headers/red_orange/slider_vps_nonvs.png) no-repeat; } .ccv_verify_bg { background: url(/images/headers/red_orange/slider_vps_nonvs.png) no-repeat; } .landing_bg { background: url(/images/headers/red_orange/slider_vps_nonvs.png) no-repeat; } .knowledgebase_bg { background: url(https://www.servint.net/images/headers/red_orange/slider_red_orange__0007_Layer_1.jpg) no-repeat; } .servintsource_bg { background: url(https://www.servint.net/images/headers/blue_1/slider_blue__0007_Layer_1.jpg) no-repeat; } .controlpanels_bg { background: url(/images/headers/red_orange/slider_vps_nonvs.png) no-repeat; } .cloudorvps_bg { background: url(/images/headers/red_orange/slider_compare.png) no-repeat; } /* LEGAL */ .legal_bg { background: url(/images/headers/blue_1/slider_blue__0002_Layer_6.jpg) no-repeat; } .tos_bg { background: url(/images/headers/blue_1/slider_blue__0004_Layer_4.jpg) no-repeat; } .policies_bg { background: url(/images/headers/blue_1/slider_blue__0006_Layer_2.jpg) no-repeat; } .privacy_bg { background: url(/images/headers/blue_1/slider_blue__0003_Layer_5.jpg) no-repeat; } .safeharbor_bg { background: url(/images/headers/blue_1/slider_blue__0005_Layer_3.jpg) no-repeat; } .topmessage { background-color:#000; border:1px solid #000; width: 960px; display: none; color: white; text-align:center; font-size:12px; } .topmessage a:link, .topmessage a:visited { background: black; color: white; } .topmessage a:hover { background: black; color: white; } .topmessage a:active { background: black; color: white; } .topmessage a.active { background: black; color: white; } .buybutton_black { background-color: #000000; padding: 12px 0px 0px 0px; margin-left: auto; margin-right: auto; border: 0px; width: 200px; height: 50px; display: block; color: white !important; text-align: center; vertical-align: middle; font-size: 34px; } .buybutton_red { background-color: #b5121b; padding: 12px 0px 0px 0px; margin-left: auto; margin-right: auto; border: 0px; width: 200px; height: 50px; display: block; color: white !important; text-align: center; vertical-align: middle; font-size: 34px; } p.buybutton_txt { padding: 4px 0px 0px 0px; margin-left: auto; margin-right: auto; border: 0px; width: 200px; display: block; line-height: 25px !important; color: black !important; text-align: center; vertical-align: middle; font-size: 20px !important; } div.topform { float: left; position: relative; z-index: 520; overflow: hidden; color: #b5121b; background-color: #fff; /* borders */ border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; border: 1px solid #800000; border-top: 0px; height: 16px; width: 120px; margin: 0px; padding: 4px; margin-left: 492px; font-size: 0.7em; /*font-variant: small-caps;*/ /*font-weight: bold;*/ } div.expanded { background-color: #b5121b; color: #fff; height: 164px; border: 1px solid #000; border-top: 0px; } div#div_form div.inputs { /*box-sizing: border-box;*/ /* width: 100%;*/ float: left; padding: 2px; /* padding:1em;*/ /* background:#fff;*/ } div#div_form div.inputs label { font-weight: bold; } div#div_form div.inputs input { box-sizing: border-box; width: 100%; font-size: 1em; padding: 0px; /* padding:8px; border: 2px solid #cce;*/ } div#div_form .ui-button { margin-top: 0.5em; } div#div_form pre { font-size: 0.9em; background-color: #ccc; color: #000; } div.expand_icon { width: 16px; height: 16px; float: right; background-image: url('/images/arrow-down.png'); } div.expanded_icon { width: 16px; height: 16px; float: right; background-image: url('/images/arrow-up-white.png'); } a#cartsess { display: block; float: right; font-size: 13px; font-weight: normal; margin-left: 10px; padding: 9px 25px; position: relative; text-decoration: none !important; cursor: pointer; text-align: center; overflow: visible; border: 1px solid #000000; background: #EBEBEB; color: #B5121B; } a#cartsess:hover, a#cartsess:active { border: 1px solid #000000; background: #FFFFFF; } .blackborder { border: 2px solid #000000 !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px !important; } a.twobuttons .ui-button-text-only { padding: .4em .2em; } a.twobuttons .ui-button-text { padding: .4em .2em; } a.twobuttons { background: #EBEBEB !important; font-weight: normal; width: 160px !important; height: 50px !important; } a.twobuttons:hover { background: #FFF !important; } a.twobuttons:active { background: #FFF !important; } .development { width: 958px; padding: 1px 0px 1px 0px; font-family: Helvetica; background-color: #B5121B; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; color: #FFFFFF; font-size: 11px; font-weight: bold; display: block; vertical-align: middle; text-align: center; } .wordpress_icon .icon { background: url(/images/logos/wordpress_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .drupal_icon .icon { background: url(/images/logos/drupal_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .cyclos_icon .icon { background: url(/images/logos/cyclos_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .joomla_icon .icon { background: url(/images/logos/joomla_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .opencms_icon .icon { background: url(/images/logos/opencms_icon.png) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .xwiki_icon .icon { background: url(/images/logos/xwiki_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .magnolia_icon .icon { background: url(/images/logos/magnolia_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .liferay_icon .icon { background: url(/images/logos/liferay_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .alfresco_icon .icon { background: url(/images/logos/alfresco_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .nexus_icon .icon { background: url(/images/logos/nexus_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .jenkins_icon .icon { background: url(/images/logos/jenkins_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .newrelic_icon .icon { background: url(/images/logos/newrelic_icon.jpg) no-repeat; height: 60px; width: 70px; top: 18px; position: relative; text-align: center; } .free-trial-jelastic { background: #b5121b; color: white; display: block; font-size: 14px; line-height: 11px; margin-top: 17px; /* padding: 4px 4px 4px 4px; */ padding: 10px; text-align: center; position: absolute; bottom: 0px; right: 400px; } .free-trial-jelastic:hover { background: #000000; } .more-button-jelastic { background: black; color: white; display: block; font-size: 14px; line-height: 11px; margin-top: 17px; /* padding: 4px 4px 4px 4px; */ padding: 10px; text-align: center; position: absolute; bottom: 0px; right: 100px; } .more-button-jelastic:hover { background: #b5121b; } .relative { position: relative; } .jelastic_signup_button { background: #f5f5f5; color: #f97b14 !important; padding: 10px; font-size: 14px; text-decoration: none !important; position: relative; top: -8px; left: 10px; font-weight: bold; } .grey { color: #666666 !important; } .lgrey { color: #999999 !important; } .normal { font-weight: normal !important; } .tweet_purchase { position: relative; font-size: 20px; top: -27px; left: 125px; font-weight: bold; } .underline { text-decoration: underline !important; } /* Start Balloon ToolTips */ .ui-tooltip { background: #fff; color: black; padding: 0; opacity: 1; max-width: 600px; font: 11px "Helvetica Neue", "Arial", Sans-Serif; box-shadow: rgb(85, 85, 85) 4px 4px 4px; background: rgb(239, 239, 239); border: 1px solid rgb(119, 119, 119)!important; } .ui-tooltip-content { position: relative; padding: 1em; width: 300px; } .ui-tooltip-content::after { content: ''; position: absolute; z-index: -2000; border-style: solid; width: 12px; height: 12px; background: rgb(239, 239, 239); border: 1px solid rgb(119, 119, 119); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .ui-tooltip-content p { line-height: 12px !important; } .right-ui-tooltip .ui-tooltip-content::after { top: 50%; margin-top: -6px; left: -7px; border-top: 0px; border-right: 0px; } .left-ui-tooltip .ui-tooltip-content::after { top: 50%; margin-top: -6px; right: -7px; border-bottom: 0px; border-left: 0px; } .top-ui-tooltip .ui-tooltip-content::after { bottom: -7px; left: 50%; margin-left: -6px; border-top: 0px; border-left: 0px; } .bottom-ui-tooltip .ui-tooltip-content::after { top: -7px; left: 50%; margin-left: -6px; border-bottom: 0px; border-right: 0px; } /* End Balloon ToolTips */ .ssd-ui-tooltip.ui-tooltip { background: #fff; color: green; padding: 0; opacity: 1 width: 600px !important; box-shadow: rgb(85, 85, 85) 4px 4px 4px; // background: rgb(239, 239, 239); border: 1px solid rgb(119, 119, 119)!important; } .ssd-ui-tooltip .ui-tooltip-content { position: relative; padding: 1em; width: 600px; } .ssd-ui-tooltip .ui-tooltip-content p { font-size: 14px !important; line-height: 16px !important; } .ssd-ui-tooltip .ui-tooltip-content::after { top: 50%; margin-top: -6px; left: -7px; background: #FFF; border-top: 0px; border-right: 0px; } /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ #slider { width: 960px; height: 375px; background: #000 url('orbit/loading.gif') no-repeat center center; overflow: hidden; } #slider>img, #slider>div, #slider>a { display: none; } /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; margin: 0px auto; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit>img { position: absolute; top: 0; left: 0; display: none; } div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit>div { position: absolute; top: 0; left: 0; width: 960px; height: 375px; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.timer { display: none; width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; } span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(orbit/rotator-black.png) no-repeat; z-index: 3; } span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } span.rotator.move { left: 0 } span.mask.move { width: 40px; left: 0; background: url(orbit/timer-black.png) repeat 0 0; } span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; } span.pause.active { background: url(orbit/pause-black.png) no-repeat 0 -40px } div.timer:hover span.pause, span.pause.active { opacity: 1 } .notoppadding { padding-top: 0px; } div#jelastic_form label { font-size: 14px; font-weight: bold; } div#jelastic_form input { box-sizing: border-box; width: 50%; } div#jelastic_form .jel_submit { font-size: 14px; font-weight: bold; box-sizing: border-box; width: 150px; } div#testimonials_box { background-color: #ccc; padding: 10px 15px 1px 15px; font-size: 12px; } div#testimonials_box p { line-height: 16px; margin: 0px 0px 15px 0px; } .radiospacer { padding-bottom: 3px; } .radiospacer2 { padding-bottom: 7px; } /* .topnew:after { content: ''; position: absolute; background: url(/images/splat2.gif) no-repeat; background-size: 130px 130px; height: 130px; width: 130px; left: 700px; top: 3px; display: inline-block; z-index: 20000; } */ .boxin1 { padding: 7px; border: solid 1px black !important; } .boxin2 { padding: 7px; margin-top: 8px; border: solid 2px black !important; } div.boxin2 ul li { margin-left: 2px; font-size: 13px; font-color: black; } div.boxin2 ul li:before { height: 0px; left: -10px; margin-top: -10px; position: relative; text-indent: -9999px; top: 13px; width: 0px; } sup { position: relative; font-size: .4em; line-height: 0; vertical-align: baseline; top: -1.2em; } supnav { position: relative; font-size: .8em; line-height: 0; vertical-align: baseline; top: -.4em; } suph { font-size:18px; font-style: bold; vertical-align: 18px; } table.servers { font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 3px; text-align: left; border-collapse: collapse; background-color: #CDCDCD; width: 99%; } table.servers thead tr th, table.servers tfoot tr th { font-family: 'Open Sans', sans-serif; font-weight: bold; padding: 10px 5px 10px 5px; background: #b5121b; border-right: 1px solid #000; border-bottom: 1px solid #000; color: #FFF; } table.servers tr th:last-child, tr td:last-child { padding-right: 8px; border-right: none; } table.servers thead tr .header { background-image: url(/img/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.servers tbody td { font-family: 'Open Sans', sans-serif; padding: 14px 5px 14px 5px; color: #000; vertical-align: top; } table.servers tbody tr { background: #E8ECE9; } table.servers tbody tr.selected { background: #A8ACA9 !important; } table.servers tbody tr:hover td { } table.servers tr:nth-child(even) {background: #FFFFFF; } table.servers tr:nth-child(odd) {background: #EFEFEF; } .contentbox, .contentbox:before, .contentbox:after { box-sizing: content-box !important; -moz-box-sizing: content-box !important; } .ssdorder { background: #000000 url(/images/chrome/button-icons.png) right -27px no-repeat; color: white !important; display: block; float: right; font-size: 12px; font-weight: bold; margin-top: -3px; padding: 5px 25px 5px 10px; border: 0px; } .ssdorder:hover, .ssdorder a:hover { background: #b5121b url(/images/chrome/button-icons.png) right -27px no-repeat; color: white; text-decoration: none; } .inline { display: inline-block; } .border-none { border-style: none; } .carticonpos { position: relative; top: -1px; left: -10px; } .grid_comp_left { width: 478px; display: inline; float: left; // padding-left: 10px; // padding-right: 10px; background: #ffffff; border-left: solid 1px black; } .grid_comp_right { width: 478px; display: inline; float: right; // padding-left: 10px; // padding-right: 10px; background: #ffffff; border-left: solid 1px black; border-right: solid 1px black; } .vpsgray { color: #777777; font-weight: bold; font-size: 38px; line-height: 33px; text-align: center; margin-bottom: 20px; } .vpsflex { color: #777777; font-weight: bold; font-size: 46px; line-height: 40px; text-align: center; margin-top: 0px; margin-bottom: 40px; } .vpsmgleft { margin-left: 20px; } .vpsred { color: #b5121b; } .vpsmgtop { margin-top: 20px; } .vpsgrayline { margin-bottom: 20px; width: 100%; color: #CCCCCC; border-bottom: solid 2px #777777; clear: both; } div#customshopsaved { // background-size: 40px 40px; box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 250px; background-color: #FEFEFE; border: 1px solid; text-align: left; padding: 15px; position: absolute; font-weight: normal; top: 70px; left: 300px; text-shadow: 0 1px 0 rgba(0,0,0,.5); z-index: 100; color: black !important; } div#customshopsaved #savedconfigs { height: 175px; overflow: auto; padding: 10px 0px 5px 0px; margin: 0px auto; text-align: left; font-weight: normal; } div#customshopsaved a { font-weight: normal; margin-left: 0px; font-size: 12px; color: #b5121b; } div#the_login_form { box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); background-color: #FEFEFE; border: 1px solid; text-align: left; padding: 15px; position: absolute; font-weight: normal; top: 150px; left: 300px; text-shadow: 0 1px 0 rgba(0,0,0,.5); z-index: 100; color: black !important; } div#the_login_form #content { background: #f9f9f9; background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%); background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%); background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%); background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%); background: linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 ); -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; -ms-box-shadow: 0 1px 0 #fff inset; -o-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border: 1px solid #c4c6ca; margin: 0 auto; padding: 25px 0 0; position: relative; text-align: center; text-shadow: 0 1px 0 #fff; width: 400px; } div#the_login_form #content input[type=checkbox] { visibility: hidden; } div#the_login_form #content form { margin: 0 20px; position: relative } div#the_login_form #content form input[type="text"], div#the_login_form #content form input[type="password"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: #eae7e7 url(/images/login_sprites.png) no-repeat; border: 1px solid #c8c8c8; color: #777; font: 13px Helvetica, Arial, sans-serif; margin: 0 0 10px; padding: 15px 10px 15px 40px; width: 75%; } div#the_login_form #content form input[type="text"]:focus, div#the_login_form #content form input[type="password"]:focus { -webkit-box-shadow: 0 0 2px #ed1c24 inset; -moz-box-shadow: 0 0 2px #ed1c24 inset; -ms-box-shadow: 0 0 2px #ed1c24 inset; -o-box-shadow: 0 0 2px #ed1c24 inset; box-shadow: 0 0 2px #ed1c24 inset; background-color: #fff; border: 1px solid #ed1c24; outline: none; } #ct_id { background-position: 10px 10px !important; } #user { background-position: 10px 10px !important } #pswd { background-position: 10px -53px !important } div#the_login_form #content form input[type="submit"] { -moz-box-shadow:inset 0px 0px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 0px 0px 0px #f29c93; box-shadow:inset 0px 0px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5121a), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #b5121a 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5121a', endColorstr='#ce0100'); background-color:#b5121a; -webkit-border-top-left-radius:8px; -moz-border-radius-topleft:8px; border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topright:8px; border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; border-bottom-left-radius:8px; text-indent:0; border:1px solid #d83526; display:inline-block; color:#ffffff; font-family:Arial; font-size:23px; font-weight:bold; font-style:normal; height:45px; line-height:45px; width:125px; text-decoration:none; text-align:center; text-shadow:0px 0px 0px #b23e35; float: left; margin: 20px 0 35px 15px; position: relative; cursor: pointer; } div#the_login_form #content form input[type="submit"]:active { position:relative; top:1px; } div#the_login_form #content form input[type="submit"]:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #b5121a) ); background:-moz-linear-gradient( center top, #ce0100 5%, #b5121a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#b5121a'); background-color:#ce0100; } /* SQUARED TWO */ #remember { position: absolute; width: 20px; height: 20px; left: 300px; top: 55px; } .squaredTwo { width: 28px; height: 28px; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); margin: 20px auto; -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); position: relative; } .squaredTwo label { cursor: pointer; position: absolute; width: 20px; height: 20px; left: 4px; top: 4px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); background: -webkit-linear-gradient(top, #222 0%, #45484d 100%); background: -moz-linear-gradient(top, #222 0%, #45484d 100%); background: -o-linear-gradient(top, #222 0%, #45484d 100%); background: -ms-linear-gradient(top, #222 0%, #45484d 100%); background: linear-gradient(top, #222 0%, #45484d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); } .squaredTwo label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid #fcfff4; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .squaredTwo label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } .squaredTwo input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .blockui-message { text-align: center; vertical-align: middle; padding: 4px; font: bold normal 1.2em Arial, sans-serif; } .message{ background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 100%; border: 1px solid; color: #fff; padding: 15px; position: fixed; _position: absolute; text-shadow: 0 1px 0 rgba(0,0,0,.5); animation: animate-bg 5s linear infinite; z-index: 20000; bottom: 0px; } .info{ background-color: #4ea5cd; border-color: #3b8eb5; } .error{ background-color: #de4343; border-color: #c43d3d; } .warning{ background-color: #eaaf51; border-color: #d99a36; } .success{ background-color: #61b832; border-color: #55a12c; } .message h3 { margin: 0 0 5px 0; color: white; } .message p{ margin: 0; font-size: 12px; line-height: 14px; color: white; } .message a, .message a:visited, .message a:hover, .message a:active { color: white; } .hidden { display: none; } .sfselect { font-family: 'Open Sans', sans-serif; font-size: 16px; } optgroup[label] { color: #b5121b; font-style: normal; font-weight: bold; font-size: 1.2em; }