/* Css reset */ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;} legend{color:#000;}a:focus{border:0px;} .clear{line-height:0px;font-size:0px;clear:both;} a { outline: none;} /* Close Css reset */ body {margin:0px; padding:0px; background-color:#fff;} #homewrap {width:100%; margin:0px; float:left; display:block; background:url(../images/bg.jpg) repeat-x left top #fff;} h5,h6 {font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-align:center; padding-top:10px; } /*------------------------- WRAPPER ---------------------*/ #wrap {width:960px; margin:0 auto; padding:0px ; display:block;} /*------------------------- TOP ---------------------*/ #top {width:960px; margin:0 auto; padding:0px ; display:block;} #top .logo {width:260px; padding:0px; margin:0px; float: left;} #top .logo img {width:260px; padding:0px ; margin-top:15px;} /*------------------------- TOP NAV ---------------------*/ #top .nav {width:400px; float:right; margin:0px;} #top .nav ul li { display:inline; float:right; font:normal 12px/22px Arial, Helvetica, sans-serif; color:#1c72a5; margin-top:7px;} #top .nav ul li a { font:normal 12px/22px Arial, Helvetica, sans-serif; color:#1c72a5; text-decoration:none; padding:3px 6px;} #top .nav ul li a:hover {color:#0f557e;} #top .follow {width:370px; padding:0px 0px 0px 0px; float:right; display:block;font:bold 12px/22px Arial, Helvetica, sans-serif; color:#2879aa;} #top .follow img { margin:0px 0px 0px 2px; padding:0px;} #top .callus {font:bold 12px/22px Arial, Helvetica, sans-serif; color:#000; float:right;} #top .callus span {color:#2879aa; } /*------------------------- MENU ---------------------*/ #menu {width:960px; display:block; float:left; margin:6px 0px 15px 0px; padding:0px;} #menu .order img {float:right; display:block; margin:0px 0px 0px 0px;} /*------------------------- HEADER ---------------------*/ #header {width:960px; height:345px; display:block; float:left; margin:0px; padding:0px;} /*------------------------- HEADER ---------------------*/ #shadow {width:960px; height:99px; margin:0px; display:block; float:left; padding:0px 0px 0px 0px; background:url(../images/banner-shadow.jpg) no-repeat left top;} /*------------------------- SERVICES ---------------------*/ #services {width:960px; height:267px; display:block; float:left; margin:0px; padding:0px; background:url(../images/services.jpg) no-repeat left top;} #services .top {width:960px; display:block; float:left; margin:0px; padding:0px;} #services .top h1 {font:bold 15px/25px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; float:left; margin:0px; padding:0px 0px 0px 0px;} #services .top h1 img {float:left; margin:0px; padding-right:15px;} #services .top p {font:bold 15px/25px Arial, Helvetica, sans-serif; color:#fff; float:right; margin:0px; padding:0px 0px 0px 0px;} #services .top p img {margin:0px 5px;} #services .slider {width:960px; display:block; float:left; margin:0px; padding:0px;} /*------------------------- LIGHT BOX ---------------------*/ #box .inline_demo h2 {font:bold 15px/25px Arial, Helvetica, sans-serif; color:#cc0000;} #box .inline_demo ol li {font:bold 12px/20px Arial, Helvetica, sans-serif; color:#000;} /*------------------------- CONTENT ---------------------*/ #main {width:960px; display:block; float:left; margin:15px 0px 0px 0px; padding:0px;} #main .partner {width:311px; height:141px; display:block; float:left; margin:0px 13px 0px 0px; padding:0px; background:url(../images/partner.jpg) no-repeat left top;} #main .partner img {float:left; margin:24px 0px 0px 75px;} #main .partner h1 {font:bold 12px/37px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding-left:15px;} #main .partner ul {float:left; margin:0px; width:311px; height:66px;} #main .partner .testimonials {width:311px; height:146px; display:block; float:left; margin:25px 0px 15px 0px; padding:0px; background:url(../images/bg-testimonial.jpg) no-repeat left top;} #main .partner .testimonials h1 {font:bold 12px/37px Arial, Helvetica, sans-serif; color:#4a4a4a; text-transform:none; padding-left:15px;} #main .partner .testimonials p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#4a4a4a; text-transform:none; padding:0px 15px 5px 15px; text-align:justify; } #main .partner .testimonials h2 {font:bold 12px/18px Arial, Helvetica, sans-serif; color:#000033; text-transform:none; padding-left:22px;} #main .partner .testimonials h2 img {float:left; margin:3px 5px 0px 50px;} #main .partner .testimonials p a {font:bold 11px/20px Arial, Helvetica, sans-serif; color:#e55f00; text-transform:none; padding:0px; text-decoration:none; } #main .partner .testimonials p a:hover { color:#cb5400; } #main .why {width:311px; height:297px; display:block; float:left; margin:0px 0px 0px 0px; padding:0px; background:url(../images/why-choss-bg.jpg) no-repeat left top;} #main .why h1 {font:bold 12px/37px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding-left:15px;} #main .why ul {margin:10px 15px;} #main .why ul li {float:left; font:normal 12px/23px Arial, Helvetica, sans-serif; color:#4a4a4a; margin-top:7px; background:url(../images/ico-arrow.png) no-repeat left top; padding:0px 0px 0px 25px;} #main .domain {width:311px; height:297px; display:block; float:right; margin:0px; padding:0px; background:url(../images/bg-domain-box.jpg) no-repeat left top;} #main .domain h1 {font:bold 12px/37px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding-left:15px;} #main .domain form {margin:0px; padding:0px;} #main .domain .searchbox {width:295px; float:left; display:block; margin:25px 0px 0px 0px;} #main .domain .searchbox input {width:125px; height:23px; margin:0px; background:url(../images/bg-input.jpg) no-repeat; border:none; font:normal 12px/33px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:5px; margin-left:15px; } #main .domain .searchbox label { font:normal 12px/33px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:0px 2px; margin:0px;} #main .domain .searchbox select {background:url(../images/bg-select.jpg) no-repeat; font:normal 12px/33px Arial, Helvetica, sans-serif; width:63px; height:33px; padding:4px 5px; margin:5px 0px; color:#5d5d5d; border:none; } #main .domain .searchbox input.go {width:52px; cursor:pointer; height:33px; margin:0px; background:url(../images/go-btn.png) no-repeat; border:none; padding:0px; margin-left:7px; } #main .domain .searchbox p {font:bold 10px/22px Arial, Helvetica, sans-serif; color:#ff0000; padding:0px 0px 10px 15px;} #main .domain .searchbox h2 {font:bold 14px/28px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:2px 0px 5px 15px;} #main .domain .searchbox h2 span {color:#e55f00; } #main .domain .searchbox ul {margin:5px 15px 0px 15px;} #main .domain .searchbox ul li {float:left; font:normal 12px/22px Arial, Helvetica, sans-serif; color:#4a4a4a; background:url(../images/ico-arrow2.png) no-repeat left center; padding:0px 0px 0px 35px; } /*------------------------- 6 BOX ---------------------*/ #box {width:960px; display:block; float:left; margin:15px 0px 0px 0px; padding:0px;} #box img {margin:5px 2px 5px 2px;} #box .tag {width:960px; display:block; float:left; margin:15px 0px 15px 0px; padding:0px; background:url(../images/bg-tag.jpg) no-repeat left top; height:65px;} #box .tag h1 {font:normal 12px/22px Arial, Helvetica, sans-serif; font-style:italic; color:#000; padding:10px 15px 0px 20px;} /*------------------------- FOOTER ---------------------*/ #footer {width:100%; height:322px; background:url(../images/bg-footer.jpg) repeat-x left top; margin-bottom:0px; display:block; float:left; padding:0px;} #wrapfooter {width:960px; display:block; margin:0px auto; padding:0px;} #wrapfooter .content {width:175px; display:block; float:left; margin:0px; padding:0px;} #wrapfooter .content h1 {font:bold 12px/22px Arial, Helvetica, sans-serif; color:#8f8f8f; background:url(../images/divider.png) no-repeat left 100%; padding:25px 0px 10px 0px;} #wrapfooter .content ul {margin:10px 5px 0px 0px; width:150px; display:block; float:left;} #wrapfooter .content ul li {float:left;} #wrapfooter .content ul li a { font:normal 12px/25px Arial, Helvetica, sans-serif; color:#5b5b5b; background:url(../images/ico-arrow3.png) no-repeat left center; padding:0px 0px 0px 25px; text-decoration:none;} #wrapfooter .content ul li a:hover {color:#faee2d;} #wrapfooter .contentnext {width:225px; display:block; float:left; margin:0px; padding:0px;} #wrapfooter .contentnext h1 {font:bold 12px/22px Arial, Helvetica, sans-serif; color:#8f8f8f; background:url(../images/divider.png) no-repeat left 100%; padding:25px 0px 10px 0px;} #wrapfooter .contentnext ul {margin:10px 5px 0px 0px; width:200px; display:block; float:left;} #wrapfooter .contentnext ul li {float:left;} #wrapfooter .contentnext ul li a { font:normal 12px/25px Arial, Helvetica, sans-serif; color:#5b5b5b; background:url(../images/ico-arrow3.png) no-repeat left center; padding:0px 0px 0px 25px; text-decoration:none;} #wrapfooter .contentnext ul li a:hover {color:#faee2d;} #wrapfooter .contentnext p {font:bold 12px/22px Arial, Helvetica, sans-serif; color:#8f8f8f; padding:25px 0px 10px 0px;} #wrapfooter .copyright { width:960px; display:block; float:left; margin:20px 0px 0px 0px; padding:0px;} #wrapfooter .copyright p {font:normal 11px/24px Arial, Helvetica, sans-serif; color:#5b5c5c; padding:20px 0px 0px 0px; float:left;} #wrapfooter .copyright p.unit {font:normal 11px/24px Arial, Helvetica, sans-serif; color:#5b5c5c; padding:20px 0px 0px 0px; float:right; } #wrapfooter .display { width:960px; height:100px; display:block; float:left; margin:20px 0px 0px 0px; padding:0px;} #wrapfooter .display p {font:normal 11px/24px Arial, Helvetica, sans-serif; color:#5b5c5c; padding:20px 0px 0px 0px; float:left;} #wrapfooter .display p.unit {font:normal 11px/24px Arial, Helvetica, sans-serif; color:#5b5c5c; padding:20px 0px 10px 0px; float:right; } /*------------------------- ABOUT US ---------------------*/ #innerwrap {width:100%; margin:0px; float:left; display:block; background:url(../images/bg-inner.jpg) repeat-x left top #fff;} /*------------------------- ABOUT US FULL WIDTH ---------------------*/ #aboutus {width:960px; display:block; margin:0px auto; padding:0px; background-color:#fff;} #aboutus img.graphic {float:left; margin:1px 0px 10px 1px;} #aboutus .main {display:block; width:690px; float:left; margin:0px 0px 25px 0px;} #aboutus .main h1 {font:bold 18px Arial, Helvetica, sans-serif; color:#0f698f; padding:0px 0px 5px 0px;} #aboutus .main h2 {font:italic 14px Arial, Helvetica, sans-serif; color:#00A4C8; padding:0px 0px 5px 0px; font-weight:bold;} #aboutus .main p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; text-align:justify; padding:5px 0px;} #aboutus .main p img {float:left; margin:5px 5px 0px 0px;} #aboutus .main ul {display:block; float:left; margin:0px 0px 15px 0px;} #aboutus .main ul li {color:#000; font:normal 12px/28px Arial, Helvetica, sans-serif; text-align:left; background:url(../images/tick.png) no-repeat 0 0; padding:0px 0px 0px 25px; margin:0px; line-height:28px; } /*------------------------- TESTIMONIALS ---------------------*/ #aboutus .testimonials {display:block; width:690px; float:left; margin:0px 0px 25px 0px;} #aboutus .testimonials h1 {font:bold 18px Arial, Helvetica, sans-serif; color:#0f698f; padding:0px 0px 5px 0px;} #aboutus .testimonials p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; text-align:justify; padding:5px 0px;} #aboutus .testimonials .boxhead {float:left; margin:0px;width:650px;} #aboutus .testimonials .boxhead h1{width:650px; float:left; color:#FFF; font:normal 12px/28px Arial, Helvetica, sans-serif; text-align:left; background:url(../images/bg-testi.png) no-repeat; padding:0px 0px 0px 30px; margin:0px; line-height:28px;} #aboutus .testimonials .boxhead span{font:bold 12px/28px Arial, Helvetica, sans-serif;} #aboutus .testimonials .box {display:block; width:648px; float:left; margin:0px 6px 25px 0px; background-color:#f7f7f7; border:1px solid #dedede; border-top:none;} #aboutus .testimonials .box h2 {color:#3d3d3d; font:normal 12px/28px Arial, Helvetica, sans-serif; text-align:left; padding:5px 0px 0px 20px;} #aboutus .testimonials .box h2 span {color:#3d3d3d; font:bold 12px/28px Arial, Helvetica, sans-serif; text-align:left;} #aboutus .testimonials .box h2 a{color:#0f698f; font:normal 12px/28px Arial, Helvetica, sans-serif; text-decoration:none;} #aboutus .testimonials .box h2 a .hover{color:#0f698f; font:underline 12px/28px Arial, Helvetica, sans-serif;} #aboutus .testimonials .box p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; text-align:justify; padding:0px 20px 20px 20px;;} #aboutus .testimonials .box ul {width:210px; display:block; float:left; margin:15px 0px 0px 10px;} #aboutus .testimonials .box ul li.price {font:bold 22px/23px Arial, Helvetica, sans-serif; color:#5b5b5b; padding:0px 0px 10px 18px; text-decoration:none; list-style-type:none; background-image:none; margin-left:0px;} #aboutus .testimonials .box ul {display:block; float:left; margin:0px 0px 15px 0px;} #aboutus .testimonials .box ul li {font:normal 12px/23px Arial, Helvetica, sans-serif; color:#5b5b5b; background:url(../images/ico-arrow4.png) no-repeat left center; padding:0px 0px 0px 15px; text-decoration:none; margin-left:8px;} #aboutus .testimonials .box ul li span {color:#ff0000; font:bold 12px/20px Arial, Helvetica, sans-serif; } /*------------------------- FULL WIDTH ---------------------*/ #fullwidth {width:960px; display:block; margin:0px auto; padding:0px; background-color:#fff;} #fullwidth img.graphic {float:left; margin:1px 0px 10px 1px;} #fullwidth .main {display:block; width:960px; float:left; margin:0px;} #fullwidth h1 {font:italic 18px Arial, Helvetica, sans-serif; color:#3d3d3d; padding:0px 0px 5px 0px;} #fullwidth .main h1 {font:bold 18px Arial, Helvetica, sans-serif; color:#0f698f; padding:0px 0px 5px 0px;} #fullwidth .main p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; text-align:justify;} /*------------------------- SIDEBAR LEFT ---------------------*/ #sidebar { float:left; width:260px; } .box { padding:0px; } .box h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#3d3d3d; padding:0px 0px 10px 0px; text-align:center} /* ################################################ SIDEBAR MENU ################################################### */ ul.subnav li a { background:url(../images/blue/menu_normal.png) top left no-repeat; height:43px; padding:0 0 0 20px; margin:0; line-height:43px; text-decoration:none;font:normal 12px/43px Arial, Helvetica, sans-serif; color:#FFF; } ul.subnav li li a { display:block; margin:0; color:#000; height:43px; text-decoration:none; font:normal 12px/43px Arial, Helvetica, sans-serif; color:#3d3d3d;} ul.subnav li a:link, ul.subnav li a:visited { display:block; height:43px; text-decoration:none; } /* Height of the image you use as a background*/ ul.subnav li li a:link, ul.subnav li li a:visited { display:block; height:43px; text-decoration:none; } /* Height of the image you use as a background*/ #sidebar ul.subnav li.first a { background:url(../images/blue/menu_first.png) top left no-repeat; display:block; height:43px; text-decoration:none; } #sidebar ul.subnav li.last a { background:url(../images/blue/menu_last.png) top left no-repeat; display:block; height:43px; text-decoration:none; } #sidebar ul.subnav li.first a:hover { background:url(../images/blue/menubg-first.png) top left no-repeat; display:block; height:43px; text-decoration:none; } #sidebar ul.subnav li.last a:hover { background:url(../images/blue/menubg-last.png) top left no-repeat; display:block; height:43px; text-decoration:none; } #sidebar ul.subnav li a:hover { background:url(../images/blue/menubg.png) top left no-repeat; display:block; height:43px; text-decoration:none; } /*------------------------- END SIDEBAR LEFT ---------------------*/ /*------------------------- CONTACT US ---------------------*/ #contactus {width:960px; display:block; margin:0px auto; padding:0px; background-color:#fff;} #contactus img.graphic {float:left; margin:1px 0px 10px 1px;} #contactus .leftbar {width:620px; float:left; display:block; margin:0px 5px 0px 0px; padding:0px;} #contactus .leftbar p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; padding:5px 0px 20px 0px;} #contactus .leftbar .box {width:298px; background:url(../images/bg-emailbox.jpg) no-repeat left top; display:block; float:left; margin:0px 5px 0px 0px; padding:0px; height:222px;} #contactus .leftbar .box img {float:left; margin:12px 0px 0px 13px;} #contactus .leftbar .box img.chat {float:left; margin:20px 0px 0px 55px;} #contactus .leftbar .box h1 {font:normal 12px/36px Arial, Helvetica, sans-serif; color:#fff; padding:0px; padding-left:35px;} #contactus .leftbar .box p {font:normal 12px/23px Arial, Helvetica, sans-serif; color:#525252; padding:10px 0px 0px 20px;} #contactus .leftbar .box p span { color:#990000; font-weight:bold;} #contactus .leftbar .box p a {color:#336799; font-weight:bold; text-decoration:underline; padding-left:25px;} #contactus .leftbar .box p a:hover {color:#467db1; text-decoration:none; } #contactus .rightbar {width:335px; display:block; float:left; margin:0px; padding:0px; background:url(../images/bg-office.png) no-repeat left top;} #contactus .rightbar .map {width:300px; display:block; float:left; margin:75px 0px 0px 30px; padding:0px;} #contactus .rightbar .box {width:290px; display:block; float:left; margin:25px 0px 0px 20px; padding:0px;} #contactus .rightbar .box p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#525252; padding:0px 0px 10px 10px; text-align:justify;} #contactus .rightbar .box p img {float:left; margin:20px 20px 0px 5px;} /*------------------------- CONTACT US FORM ---------------------*/ #contactFormArea{ width:578px; height:1400px; display:block;float:left;margin:20px 0px 50px 0px; background:url(../images/bg-contact-form.jpg) no-repeat left top; padding:0px 0px 25px 32px; } #contactFormArea h1{ font:normal 18px Arial, Helvetica, sans-serif; color:#cc0000; padding:0px 0px 5px 0px; } #contactFormArea p{ font:normal 12px/18px Arial, Helvetica, sans-serif; color:#cc0000; padding:0px; } #contactFormArea .leftcontent {width:500px; display:block; float:left; margin:0px;} #contactFormArea .leftcontent label{ font:normal 12px/30px Arial, Helvetica, sans-serif; color:#4e4e4e; } #contactFormArea .leftcontent label span{ color:#199dcb; font-weight:bold;} #contactFormArea .leftcontent .input{ padding:2px 5px; margin:0px; margin-bottom:10px; background:url(../images/input-bg.jpg) no-repeat left top; width:215px; height:20px; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#939393;} #contactFormArea .leftcontent .input-submit{ background-image:url(../images/send-button.gif); background-repeat:no-repeat; padding:0px; border:0px; width:103px; height:28px; cursor:pointer; float:left; margin:15px 0px;} #contactFormArea .leftcontent .textarea{ background:url(../images/bg-textarea.jpg) no-repeat left top; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#939393; width:276px; height:92px; padding:5px 5px; border:none;} #contactFormArea .rightcontent {width:290px; display:block; float:left; margin:0px;} #contactFormArea .rightcontent label{ font:normal 12px/30px Arial, Helvetica, sans-serif; color:#4e4e4e; } #contactFormArea .rightcontent label span{ color:#199dcb; font-weight:bold;} #contactFormArea .rightcontent .input{ padding:2px 5px; margin:0px; margin-bottom:10px; background:url(../images/input-bg.jpg) no-repeat left top; width:215px; height:20px; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#939393;} #contactFormArea .rightcontent .spam{ padding:2px 5px; margin:0px; margin-bottom:10px; background:url(../images/bg-spam.jpg) no-repeat left top; width:111px; height:20px; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#939393; border:none;} #contactFormArea .rightcontent .input-submit{ background-image:url(../images/send-button.gif); background-repeat:no-repeat; padding:0px; border:0px; width:103px; height:28px; cursor:pointer; float:left; margin:15px 0px;} #contactFormArea .rightcontent .textarea{ background:url(../images/bg-textarea.jpg) no-repeat left top; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#939393; width:276px; height:92px; padding:5px 5px; border:none;} #contactFormArea .rightcontent .input-submit{ background-image:url(../images/submit.png); background-repeat:no-repeat; padding:0px; border:0px; width:124px; height:40px; cursor:pointer; float:left; margin:15px 0px; border:none;} /*------------------------- DEDICATED SERVER PAGE ---------------------*/ #fullwidth {width:960px; display:block; margin:0px auto; padding:0px; background-color:#fff;} #fullwidth img.graphic {float:left; margin:1px 0px 10px 1px;} #fullwidth .dedicated {display:block; width:960px; float:left; margin:0px;} #fullwidth .dedicated p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; float:right; margin:0px 0px 15px 0px; padding:5px 0px;} #fullwidth .dedicated .box1head {float:left; margin:0px;} #fullwidth .dedicated .box1 {display:block; width:227px; float:left; margin:0px 6px 25px 0px; background-color:#f7f7f7; border:1px solid #dedede; border-top:none;} #fullwidth .dedicated .box1 ul {width:210px; display:block; float:left; margin:15px 0px 0px 10px;} #fullwidth .dedicated .box1 ul li.price {font:bold 22px/23px Arial, Helvetica, sans-serif; color:#5b5b5b; padding:0px 0px 10px 18px; text-decoration:none; list-style-type:none; background-image:none; margin-left:0px;} #fullwidth .dedicated ul {display:block; float:left; margin:0px 0px 15px 0px;} #fullwidth .dedicated li {color:#000; font:normal 12px/28px Arial, Helvetica, sans-serif; text-align:left; background:url(../images/tick.png) no-repeat 0 0; padding:0px 0px 0px 25px; margin:0px; line-height:28px; } #fullwidth .dedicated .box1 ul li {font:normal 12px/23px Arial, Helvetica, sans-serif; color:#5b5b5b; background:url(../images/ico-arrow4.png) no-repeat left center; padding:0px 0px 0px 15px; text-decoration:none; margin-left:8px;} #fullwidth .dedicated .box1 img {float:left; margin:15px 0px 0px 45px;} #fullwidth .dedicated h1 {font:bold 18px Arial, Helvetica, sans-serif; color:#0f698f; padding:0px 0px 5px 0px;} /*------------------------- LINUX SHARED HOSTING PAGE ---------------------*/ .feature1 {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#3d3d3d; background-color:#dddbb0;} .feature2 {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#506b28; background-color:#cbe0ac;} .feature3 {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#8c5555; background-color:#d4b8b8;} .feature4 {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#4d6d7f; background-color:#b8cad4;} .feature5 {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#813998; background-color:#d3ace0;} .feature6 {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#57682a; background-color:#d1deae;} .feature1h {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#3d3d3d; background-color:#efeeda;} .feature2h {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#506b28; background-color:#e6f0d8;} .feature3h {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#8c5555; background-color:#ebdede;} .feature4h {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#4d6d7f; background-color:#dee6eb;} .feature5h {font:bold 12px/35px Arial, Helvetica, sans-serif; color:#813998; background-color:#ead8f0;} .feature6h{font:bold 12px/35px Arial, Helvetica, sans-serif; color:#57682a; background-color:#eaf0d9;} select.price {font:normal 12px/33px Arial, Helvetica, sans-serif; width:75px; height:28px; padding:4px 5px; margin:5px 0px; color:#FFF; border:none; } #fullwidth .featurebox {display:block; width:423px; float:left; margin:10px 50px 25px 0px; background:url(../images/bg-feature-title.jpg) no-repeat left top;} #fullwidth .featurebox h1 {display:block; width:423px; padding:0px 0px 0px 25px;font:italic 18px/42px Arial, Helvetica, sans-serif; color:#FFFFFF; cursor: hand; cursor: pointer;} #fullwidth .featurebox ul.content {display:block; width:423px; float:left; margin:10px 0px 0px 0px;} #fullwidth .featurebox ul.content li {font:normal 12px/25px Arial, Helvetica, sans-serif; color:#323232; background:url(../images/arow5.jpg) no-repeat left center; padding:0px 0px 0px 15px; text-decoration:none;} #fullwidth .featurebox ul.content li span {color:#990000; font-weight:bold;} /*------------------------- LINUX SHARED HOSTING FEATURE ACCORDION accordion ---------------------*/ .mypets{ /*header of 1st demo*/ cursor: hand; cursor: pointer; padding: 2px 5px; border: 1px solid gray; background: #E1E1E1; } .technology{ /*header of 2nd demo*/ cursor: hand; cursor: pointer; font: bold 14px Verdana; margin: 10px 0; } .openlanguage{ /*class added to contents of 2nd demo when they are open*/ color: green; } .closedlanguage{ /*class added to contents of 2nd demo when they are closed*/ color: red; } /*------------------------- FAQ PAGE ---------------------*/ #aboutus .faq {display:block; width:690px; float:left; margin:0px 0px 25px 0px;} #aboutus .faq h1 {display:block; width:500px; height:30px; background-color:#fffcc2; font:bold 14px/30px Arial, Helvetica, sans-serif; color:#cd5807; padding:0px 0px 0px 15px;} #aboutus .faq p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; text-align:justify; padding:10px 10px;} #aboutus .faq select {width:500px; height:20px;font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000; margin-bottom:25px; } /*------------------------- DOMAIN SEARCH ---------------------*/ #fullwidth {width:960px; display:block; margin:0px auto; padding:0px; background-color:#fff;} #fullwidth img.graphic {float:left; margin:1px 0px 10px 1px;} #fullwidth .domain {display:block; width:960px; float:left; margin:0px;} #domainsearch {display:block; width:930px; margin:0px auto; background:url(../images/domain-search.jpg) no-repeat; height:201px; position:relative;} #domainsearch h1 {font:bold 19px Arial, Helvetica, sans-serif; color:#fff;padding:15px 0px 0px 25px;} #domainsearch .content {display:block; width:450px; margin:0px; left:300px; position:absolute; top:35px;} #domainsearch .content label {font:normal 12px/30px Arial, Helvetica, sans-serif; color:#fff; padding-right:5px; } #domainsearch .content input {width:220px; height:19px; background:url(../images/bg-search-box.jpg) no-repeat; border:none; font:normal 12px/29px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:5px; } #domainsearch .content input.btn {width:146px; height:30px; background:url(../images/search-btn.jpg) no-repeat; border:none; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#fff; padding:0px ; cursor:pointer; } #domainsearch .content .check {width:16px; height:16px; border:none; margin-right:15px; } #domainsearch .free {display:block; width:250px; margin:0px; left:710px; position:absolute; top:25px;} #domainsearch .free h1 {font:bold 19px Arial, Helvetica, sans-serif; color:#fff; } #domainsearch .free ul {display:block; width:180px; margin:5px 0px 0px 25px;} #domainsearch .free ul li {font:normal 12px/22px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/arow5.jpg) no-repeat left center; padding:0px 0px 0px 15px; text-decoration:none;} #domaincontent {display:block; width:930px; margin:25px auto; float:left;} #domaincontent .price {display:block; width:610px; margin:0px; float:left;} .domainheading {background:url(../images/search-heading.jpg) no-repeat; height:45px;} .domainheading ul {float:left; margin-left:25px;} .domainheading ul li {font:bold 16px/45px Arial, Helvetica, sans-serif; color:#fff; padding:0px 25px; display:inline; list-style-type:none;} .domainheading h1 {font:normal 12px/45px Arial, Helvetica, sans-serif; color:#fff;} td.bo {border:1px solid #dddddd; height:40px; background-color:#f3f3f3; color:#3d3d3d; font:normal 12px/45px Arial, Helvetica, sans-serif; margin-top:10px; } td.bo ul {float:left; margin-left:25px;} td.bo ul li {font:normal 12px/45px Arial, Helvetica, sans-serif; color:#3d3d3d; padding:0px 40px; display:inline; list-style-type:none; text-align:left;} td.bo ul li span {font:bold 25px/45px Arial, Helvetica, sans-serif; color:#3d3d3d;} td.bo h1 {font:bold 25px/45px Arial, Helvetica, sans-serif; color:#000; padding-left:35px;} #domaincontent .free {display:block; width:310px; margin:0px; float:left;} #domaincontent .free p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; padding:0px 0px 0px 25px; text-align:justify; } #domaincontent .free ul {float:left; margin-left:25px;} #domaincontent .free ul li {font:normal 12px/22px Arial, Helvetica, sans-serif; color:#3d3d3d; background:url(../images/arow6.jpg) no-repeat left center; padding:0px 0px 0px 15px; text-decoration:none;} #domaincontent .free h2 {font:bold 15px Arial, Helvetica, sans-serif; color:#0f698f; padding:0px 0px 5px 25px;} #domaincontent p {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#3d3d3d; padding:5px 0px;} /*------------------------- CSS BUTTON ---------------------*/ .sub { width:109px;height:30px;background:url(../images/add-this-plan.png) no-repeat; border:none;cursor:pointer;padding:0px;text-align:left; margin:10px auto;} .tbox {position:absolute; display:none; padding:14px 17px; z-index:900} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800} .tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat} .tclose:hover {background-position:0 -30px} #error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0} #error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px} #success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0} #bluemask {background:#4195aa} #frameless {padding:0} #frameless .tclose {left:6px} /*------------------------- Boxcontainer ---------------------*/ .boxcontainer { background-color: #F5F5F5; background-image: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5); background-repeat: repeat-x; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 #FFFFFF inset; margin: 0 0 18px; padding: 7px 14px; } /*------------------------- Boxcontainer ---------------------*/ #fullwidth .dedicated .box2head {float:left; margin:0px;} #fullwidth .dedicated .box2 {display:block; width:450px; float:left; margin:0px 6px 25px 0px; background-color:#f7f7f7; border:1px solid #dedede; border-top:none;} #fullwidth .dedicated .box2 ul {width:410px; display:block; float:left; margin:15px 0px 0px 10px;} #fullwidth .dedicated .box2 ul li.price {font:bold 22px/23px Arial, Helvetica, sans-serif; color:#5b5b5b; padding:0px 0px 10px 250px; text-decoration:none; list-style-type:none; background-image:none; margin-left:0px;} #fullwidth .dedicated .box2 a {margin-bottom:20px; margin-left:150px; margin-top:30px;} #fullwidth .dedicated .box2 p {padding:20px 20px 20px 20px;}