/*CSS DOCUMENTATION */ /************************************************* RESET *************************************************/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;} ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } /************************************************* TEXT *************************************************/ h1{font-size:22px; font-weight:normal; color:#333; padding:0 0 15px 0; margin:0} h1.style1{font-size:24px; padding:0; margin:0; color:#fff; font-weight:normal; height:43px; background:url(images/shared_heading2.gif) no-repeat top left; text-indent:-2000px;} h1.style2{font-size:16px; padding:0; margin:0 0 2px 0; font-weight:bold} h1.style3{font-size:28px; padding:0; margin:0; color:#fff; font-weight:normal; height:43px;} h1.webdesign{font-size:24px; padding:0; margin:0 0 88px 0; color:#fff; font-weight:normal; height:70px; background:url(images/webdesign_heading1.gif) no-repeat top left; text-indent:-2000px;} h2{font-size:16px; font-weight:bold; padding:0 0 5px 0; margin:0; color:#00499b;} h2.webdesign{color:#fff; font-weight:bold; margin:0 0 5px 0; padding:0;} h2.style1{font-size:12px; color:#333; padding:0; margin:0 0 10px 0} h2.style2{margin-top:20px} h2.sale{margin-top:20px; color:#333; background:url(images/intel_logo2.gif) no-repeat 0 0px; padding-left:55px; line-height:30px} #press-releses h2{font-size:14px} h3{font-size:16px; font-weight:bold; color:#333} h3.style1{padding-bottom:5px} h3.style2{padding-bottom:5px; font-size:12px; color:#00499b} p{margin:0; padding:0 0 15px 0; line-height:18px; color:#333; font-size:12px} p.homepage{margin:0 0 10px 0; padding:0; color:#333;} a{color:#0991ee; cursor:pointer; padding:0; margin:0;} a:hover{text-decoration:none;} a.nostyle{color:#333} a.nounderline{color:#333; text-decoration:none} a.hide{color:#333; text-decoration:none} h1.style2 a{font-size:16px; padding:0; margin:0; color:#00499b; font-weight:normal; text-decoration:none} h2.style1 a{font-size:12px; color:#333; padding:0; margin:0 0 10px 0; text-decoration:none; font-weight:bold} /************************************************* STRUCTURE *************************************************/ html, body { background-color:#1055A1; background-image: url(images/backgroundketse.png); background-repeat: no-repeat; background-position: center top; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px; height: 250px; color: #333; } #container{ width:782px; margin:0 auto; background-image: url(images/bg_shadow.png); background-repeat: repeat-y; } #header{ width:770px; margin:auto; background-repeat: no-repeat; background-position: left top; padding-top: 5px; padding-right: 5px; padding-left: 5px; } #content { width:760px; background-color:#FFF; _margin-bottom:0px; margin-top: 2px; margin-right: 0; margin-left: 16px; } #col-left {display:inline; float:left; width:530px; padding:0 10px; margin:20px 10px 20px 0; background-color:#FFF;} #col-right{display:inline; float:left; width:188px; margin:10px 10px 20px 0; background-color:#FFF;} #col-none{margin:0 10px 0 0; padding:20px 10px 10px 10px; background-color:#FFF;} #footer { margin:auto; background-image: url(images/bg_footer.png); background-repeat: no-repeat; background-position: left bottom; width: 782px; } .learn-more a{color:#333} .clear{height:1px; clear:both; font-size:1%; line-height:1px} .dotted{height:1px; background:url(images/hr_dotted.gif) repeat-x 0 0; margin:0 0 15px 0} /************************************************* HEADER *************************************************/ /* H1 IMAGE TEXT */ h1.img_text{background:url(images/logo_hostrocket.gif) no-repeat 0 0; text-indent: -2000px;} /* DOMAIN SEARCH */ form.domain-search{ width:400px; float:right; padding-top:7px; text-align:left; margin-right:10px } form.domain-search label{font-size:11px;} form.domain-search .domain{margin:0px 5px 0 0; width:150px} form.domain-search .tld{margin:0px 5px 0 0;} form.domain-search .domainsubmit{margin:0px 5px 0 0;} /* SUPPORT BAR */ #support_number{ float:right; text-align:right; padding-right:10px; font-weight:bold; margin-bottom:1px; padding-top: 0; padding-bottom: 0; padding-left: 0; width: 300px; background-repeat: repeat-y; background-position: right top; } #support_number p{margin:0 10px 0 0; padding:0; line-height:31px; height:31px;} #support_number span{color:#D70000; background:url(images/ico_phone.gif) no-repeat 0 1px; height:31px; line-height:31px; padding:3px 0px 4px 12px} /* MAIN NAV */ #nav{ height:31px; margin: 0; padding:0; display:block; background:url(images/bg_nav.gif) repeat-x top left; width: 100%; } #nav ul{height:31px; margin:0; padding:0 0 0 13px; list-style:none; display:block;} #nav li{float: left; margin:0 4px 0 0; padding:0; list-style:none; display:block;} #nav a {font: 12px; font-weight:bold; color:#FFF; margin:0; padding:0 0 0 14px; text-decoration:none; text-transform:capitalize; text-align:center; line-height:31px; display:block;} #nav a span {padding:0 14px 0 0; display:block; text-transform:capitalize;} #nav a:hover {background:url(images/nav_left.gif) no-repeat left 5px; color:#333;} #nav a:hover span {background:url(images/nav_right.gif) no-repeat right 5px;} #nav a.active {background:url(images/nav_left.gif) no-repeat left 5px; color:#333;} #nav a.active span {background:url(images/nav_right.gif) no-repeat right 5px;} /* SUB NAV */ #navsub{background:url(images/bg_navsub.gif) repeat-x bottom; padding:5px 26px 10px 26px;} #navsub li{display:inline; margin-right:10px} #navsub a{color:#333;} /* NAV2 */ #nav2{height:31px; margin:0; padding:0; display:block; background:url(images/bg_nav2.gif) repeat-x bottom left;} #nav2 ul{height:31px; margin:0; list-style:none; display:block; float:right} #nav2 li{float: right; margin:0 8px 0 0; padding:0; list-style:none; display:block;} #nav2 a {font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color:#545454; margin:0; padding:0 0 0 14px; text-decoration:none; text-transform:capitalize; text-align:center; line-height:31px; display:block; letter-spacing: 0.5px} #nav2 a:hover, #nav2 a.active {color:#499d0e;} /************************************************* CONTENT *************************************************/ ul.rocketcare-list{list-style:none; margin:10px 0 20px 0;} ul.rocketcare-list li{background:url(images/bul_check.gif) no-repeat 0 5px; padding:0 0 5px 15px ; line-height:normal; height:100px; width:230px; float:left; line-height:18px} ul.rocketcare-list li.last{margin-left:20px} /************************************************* HOMEPAGE *************************************************/ /* SHARED V1 */ #shared-v1{ width:730px; height:183px; padding:10px; _padding-bottom:0px; background:url(images/shared_bg1.jpg) no-repeat top left; margin-bottom:12px; _margin-bottom:0px} #shared-v1 p{color:#f1f1f1;} #shared-v1 a{color:#c7ed19;} #shared-order1{float:right; width:218px; height:106px; margin-left:30px} #shared-order1 a.order{width:218px; height:106px; display:block; background:url(images/shared_order1.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0} #shared-order1 a.order:hover{background:url(images/shared_order1.jpg) no-repeat 0 -106px;} #shared-features {margin-top:28px; padding:0; color:#f1f1f1} #shared-features li{margin:0; padding:0; list-style:none; display:inline; float:left; width:155px; line-height:18px} #shared-features li a{color:#c7ed19; font-weight:bold; text-decoration:none} #shared-features li a:hover{text-decoration:underline;} /* SHARED V2 */ #shared-v2{ width:730px; height:183px; padding:10px; background:url(images/shared_bg3.jpg) no-repeat top left; margin-bottom:12px;} #shared-v2 p{color:#f1f1f1;} #shared-v2 a{color:#c7ed19;} #shared-order2{float:right; width:165px; height:77px;} #shared-order2 a.order1{width:165px; height:77px; display:block; background:url(images/shared_sale1.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0;} #shared-order2 a.order1:hover{background:url(images/shared_sale1.jpg) no-repeat 0 -77px;} #shared-order2 a.order2{width:165px; height:77px; display:block; background:url(images/shared_sale2.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0;} #shared-order2 a.order2:hover{background:url(images/shared_sale2.jpg) no-repeat 0 -77px;} #shared-order2 a.order3{width:165px; height:77px; display:block; background:url(images/shared_sale3.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0;} #shared-order2 a.order3:hover{background:url(images/shared_sale3.jpg) no-repeat 0 -77px;} #shared-order2 a.order4{width:165px; height:77px; display:block; background:url(images/shared_sale4.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0;} #shared-order2 a.order4:hover{background:url(images/shared_sale4.jpg) no-repeat 0 -77px;} #shared-features2 {color:#f1f1f1; margin:0 0 5px 5px} #shared-features2 li{margin:0; padding:0; list-style:none; background:url(images/bul_check2.gif) no-repeat 0 5px; line-height:18px; padding-left:15px} #shared-features2 li a{color:#f1f1f1; font-weight:normal; text-decoration:none} #shared-features2 li a:hover{text-decoration:underline; color:#c7ed19;} #shared-order3{float:right; display:inline; margin:130px 10px 0 0; width:300px; text-align:center} #growing-storage{padding-top:5px; color:#fff;} #storage{font-weight:bold; color:#fff/*#c7ed19*/} #highlight-green{font-weight:bold; color:#c7ed19} /* SHARED V3 */ #shared-v3{width:710px; height:211px; padding:20px; background:url(images/shared_bg4.jpg) no-repeat top left; margin-bottom:12px;} #shared-v3 #top-half{height:104px; padding:0; margin:0} #shared-v3 p{color:#f1f1f1; padding:0; margin:0} #shared-v3 a{color:#c7ed19; padding:0; margin:0} #shared-order1{float:right; width:169px; height:104px; margin-left:30px} #shared-order1 a.order1{width:169px; height:104px; display:block; background:url(images/shared_order5.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0} #shared-order1 a.order1:hover{background:url(images/shared_order5.jpg) no-repeat 0 -104px;} #shared-order1 a.order2{width:169px; height:104px; display:block; background:url(images/shared_order6.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0} #shared-order1 a.order2:hover{background:url(images/shared_order6.jpg) no-repeat 0 -104px;} #shared-order1 a.order3{width:169px; height:104px; display:block; background:url(images/shared_order7.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0} #shared-order1 a.order3:hover{background:url(images/shared_order7.jpg) no-repeat 0 -104px;} #shared-order1 a.order4{width:169px; height:104px; display:block; background:url(images/shared_order8.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0} #shared-order1 a.order4:hover{background:url(images/shared_order8.jpg) no-repeat 0 -104px;} #shared-v3 #shared-features {margin:0; padding:0; color:#f1f1f1; position:relative; top:40px; width:710px;} #shared-v3 #shared-features li{margin:0; padding:0; list-style:none; display:inline; float:left; width:162px; line-height:16px} #shared-v3 #shared-features li a{color:#c7ed19; font-weight:bold; text-decoration:none} #shared-v3 #shared-features li a:hover{text-decoration:underline;} #shared-v3 h1.style1{font-size:16px; padding:0; margin:0; color:#fff; font-weight:normal; height:38px; background:url(images/shared_heading2.gif) no-repeat 0 -5px; text-indent:-2000px;} #shared-v3 #growing-storage{color:#fff; position:relative; top:19px; font-weight:bold; color:#fff; font:"Times New Roman", Times, serif} #shared-v3 #storage{color:#fff; padding:0 10px 0 7px; font:"Times New Roman", Times, serif} #shared-v3 #highlight-green{font-weight:bold; color:#fff} /* SHARED V4 */ #shared-v4{ width:750px; height:210px; background-repeat: no-repeat; background-position: left top; padding-right: 0; padding-bottom: 0; padding-left: 0; padding-top: 10px; } #shared-v4 #top-half{height:104px; padding:0; margin:0} #shared-v4 p{color:#f1f1f1; padding:0; margin:0 0 0 20px} #shared-v4 a{color:#c7ed19; padding:0; margin:0} #shared-order1{float:right; width:206px; height:126px; margin:0 10px 0 30px} #shared-order1 a.order1{width:206px; height:126px; display:block; background:url(images/but_reseller3.jpg) no-repeat 0 0; text-decoration:none; padding:0; margin:0} #shared-order1 a.order1:hover{background:url(images/but_reseller3.jpg) no-repeat 0 -126px;} #shared-v4 #shared-features {margin:0 20px; padding:0; color:#f1f1f1; position:relative; top:70px; width:710px;} #shared-v4 #shared-features li{margin:0; padding:0; list-style:none; display:inline; float:left; width:162px; line-height:16px} #shared-v4 #shared-features li a{color:#c7ed19; font-weight:bold; text-decoration:none} #shared-v4 #shared-features li a:hover{text-decoration:underline;} #shared-v4 h1{font-size:24px; padding:0; margin:0 0 10px 20px; color:#fff; font-weight:normal; line-height:26px; font-family:Arial, Helvetica, sans-serif} #shared-v4 #growing-storage{color:#fff; position:relative; top:54px; left:20px; font-weight:bold; color:#fff; font:"Times New Roman", Times, serif} #shared-v4 #storage{color:#fff; padding:0 10px 0 7px; font:"Times New Roman", Times, serif} #shared-v4 #highlight-green{font-weight:bold; color:#fff} /* RESELLER */ #reseller-v1{width:244px; display:inline; float:left; margin-right:9px;} #reseller-top{padding:10px 10px 0 10px; background:url(images/reseller_top.jpg) no-repeat top left; margin:0;} #reseller-bot{height:27px; padding:5px 10px 5px 10px; background:url(images/reseller_bottom.jpg) no-repeat bottom left; text-align:right; margin:0} ul.features-home{list-style:none; margin:0; padding:0 0 15px 0} ul.features-home li{margin:0; padding:0 0 0 20px; line-height:20px; background:url(images/bul_check.gif) no-repeat 5px 5px;} ul.features-home a{color:#333; text-decoration:none;} ul.features-home a:hover{text-decoration:underline;} #reseller-v1 h1.style2 a, #dedicated-v1 h1.style2 a{font-size:16px; padding:0; margin:0; color:#00499b; font-weight:bold; text-decoration:none} /* DEDICATED */ #dedicated-v1{width:244px; display:inline; float:left; margin-right:9px; } #dedicated-top{padding:10px 10px 0 10px; background:url(images/reseller_top.jpg) no-repeat top left; margin:0} #dedicated-bot{height:27px; padding:5px 10px 5px 10px; background:url(images/dedicated_bottom.jpg) no-repeat top left; text-align:right; margin:0} /*#dedicated-v2 #dedicated-top{ background:url(images/dedicated_top.jpg) no-repeat top left; margin:0; height: 200px; padding-top: 20px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; }*/ #dedicated-v2{width:497px; display:inline; float:left; margin-right:9px; } #dedicated-v2 #dedicated-top{padding:20px 20px 5px 20px; background:url(images/dedicated_top.jpg) no-repeat top left; margin:0} #dedicated-v2 #dedicated-bot{height:20px; padding:5px 10px 10px 20px; background:url(images/dedicated_bot.jpg) no-repeat bottom left; text-align:right; margin:0} #dedicated-v2 ul.features-home{list-style:none; margin:0; padding:0 0 15px 0} #dedicated-v2 ul.features-home li{margin:0; padding:0 0 0 20px; line-height:20px; background:url(images/bul_check.gif) no-repeat 5px 5px; width:200px; float:left} #dedicated-v2 h1.style2 a{font-size:22px; padding:0; margin:0; color:#00499b; font-weight:normal; text-decoration:none} /* EXTRAS */ #extras-v1 {width:244px; display:inline; float:left;} #affiliates-top{height:10px; padding:0; margin:0; background:url(images/affiliates_top.jpg) no-repeat top left; line-height:0px; font-size:0px} #affiliates-bot{padding:5px 10px 20px 10px; background:url(images/affiliates_bot.jpg) no-repeat bottom left;} #livechat-bot{padding:5px 10px 15px 10px; background:url(images/livechat_bot.jpg) no-repeat bottom left;} #extras-v2{width:244px; display:inline; float:left;} #affiliates{width:224px; height:51px; padding:10px; background:url(images/bg_affiliates.jpg) no-repeat 0 0; margin-bottom:9px} #livechat {width:224px; height:51px; padding:10px; background:url(images/bg_livechat.jpg) no-repeat 0 0; margin-bottom:9px} #webdesign{width:224px; height:51px; padding:10px; background:url(images/bg_webdesign.jpg) no-repeat 0 0; margin-bottom:9px} #affiliates p, #webdesign p, #livechat p{margin:0; padding:0; line-height:16px;} /************************************************* SHARED PAGE *************************************************/ #shared-server{float:right; margin-left:40px} ul.feature-shared{list-style:none; float:left; width:216px; margin:20px 35px 20px 0;} ul.feature-shared li{background:url(images/bul_check.gif) no-repeat 0 5px; padding:0 0 5px 15px ; line-height:normal} ul.feature-shared li.topic{background:none; padding:0; margin-bottom:6px; font-weight:bold; border-bottom:1px solid #ccc} ul.feature-shared li.end{padding:0 0 15px 15px;} ul.feature-shared li a{color:#333} table.billcycle{text-align:center; margin:0 0 20px 0} table.billcycle th{font-weight:bold; text-align:center; border-bottom:2px solid #333; padding-top:8px;} table.billcycle td{border-bottom:1px solid #ccc; padding:4px 0;} table.billcycle tr.alt{background-color:#f2f8ff} table.billcycle tr.order td{border:none; padding:6px 0} table.billcycle th.sale{background:url(images/sale.gif) no-repeat 145px 0} table.billcycle .features{text-align:left; padding-left:5px} ul.feature-shared #storage{font-weight:bold; color:#333} table.resellercycle{text-align:center; margin:0 0 20px 0; background:url(images/bg_plan.gif) repeat-x;} table.resellercycle th{font-weight:bold; text-align:center; border-bottom:2px solid #333; padding:10px 0 4px 0; border-right:6px solid #fff;} table.resellercycle td{border-bottom:1px solid #ccc; padding:4px 0; border-right:6px solid #fff; } table.resellercycle tr.alt{background-color:#f2f8ff} table.resellercycle td.alt{background-color:#fffef0} table.resellercycle td.alt2{background-color:#f2f8ff} table.resellercycle tr.order td{border:none; padding:6px 0} table.resellercycle th.sale{background:url(images/sale.gif) no-repeat 145px 0} table.resellercycle th.deal{background:url(images/reseller_deal.gif) no-repeat top left;} table.resellercycle .features{text-align:left; padding-left:5px} /************************************************* DEDICATED PAGE *************************************************/ ul.feature-dedicated{list-style:none; margin:10px 0; width:508px} ul.feature-dedicated li{width:204px; margin:0 35px 0 0; float:left; display:block; background:url(images/bul_check.gif) no-repeat 0 5px; padding:0 0 5px 15px ; line-height:normal} /************************************************* SUPPORT PAGE *************************************************/ #support li{line-height:26px; background:url(images/bul_arrow.gif) no-repeat 0 4px; padding-left:20px} #support a{color:#333; text-decoration:none} #support a:hover{text-decoration:underline; color:#0991ee;} /************************************************* FREE PAGE *************************************************/ #feature-free{list-style:none; margin:10px 0;} #feature-free li{width:204px; margin:0 35px 0 0; float:left; display:block; background:url(images/bul_check.gif) no-repeat 0 5px; padding:0 0 5px 15px ; line-height:normal} /************************************************* SITEMAP *************************************************/ ul.sitemap{list-style:none; float:left; width:216px; margin:20px 35px 20px 0;} ul.sitemap li{background:url(images/bul_dot.gif) no-repeat 0 5px; padding:0 0 5px 15px ; line-height:normal} ul.sitemap li.topic{background:none; padding:0; margin-bottom:6px; font-weight:bold; border-bottom:1px solid #ccc} ul.sitemap li a{color:#333} /************************************************* WEB DESIGN PAGE NEW *************************************************/ #design-header{height:203px; background:url(images/design_header.png) no-repeat; padding:20px 20px 0; margin-bottom:30px} #portfolio-preview{width:335px; display:inline; height:203px; float:left; margin-right:20px; position:relative; overflow:hidden} #portfolio-preview #portolio-options{position:absolute; bottom:-40px; background:url(images/bg_options.png); text-align:center; padding:10px 0; height:20px; display:block; width:335px} #portfolio-preview:hover #portolio-options{bottom:0px;} #portfolio-preview #portolio-options a{color:#fff; line-height:20px; display:block} #portfolio-preview #portolio-options .prev{float:left; width:20px; height:20px; background:url(images/button_prev.png) no-repeat; text-indent:-9999px; overflow:hidden} #portfolio-preview #portolio-options .next{float:right; width:20px; height:20px; background:url(images/button_next.png) no-repeat; text-indent:-9999px; overflow:hidden} #portfolio-preview #portolio-options .prev:hover, #portolio-options .next:hover{background-position:0 -20px;} #design-contact{width:335px; display:inline; float:left; padding:40px 0 0 0} #design-contact h2{color:#fff; font-size:23px; font-weight:normal; margin-bottom:30px} #design-contact p.left{color:#a2bbd6; font-weight:bold; width:157px; float:left; overflow:hidden; text-align:center} #design-contact p.right{color:#a2bbd6; font-weight:bold; width:157px; float:right; overflow:hidden; text-align:center;} #design-contact p span{display:block; background:url(images/bg_phone.png) no-repeat; height:38px; color:#6da745; font-size:18px; line-height:38px; font-weight:normal} #design-contact .design-chat{width:158px; height:39px; background:url(images/design_chat.png) no-repeat; overflow:hidden; text-indent:-9999px; display:block;} #design-contact .design-quote{width:158px; height:39px; background:url(images/button_freequote.png) no-repeat; overflow:hidden; text-indent:-9999px; display:block;} #designer-body{position:relative} #designer-body h2{font-size:24px; font-weight:normal; color:#333; border-bottom:1px solid #ccc; line-height:24px; margin-bottom:20px} #designer-body h3{color:#00499b; margin-bottom:10px} #design-nav{position:absolute; top:5px; right:0} #design-nav li{display:inline; float:right; padding:0 10px} #design-nav li a{text-decoration:none} #design-nav li a:hover{text-decoration:underline} .design-package{width:355px; float:left; overflow:hidden; margin:0 20px 40px 0} .design-package .top{background:url(images/bg_package_grey.png) no-repeat; padding:20px 20px 10px 20px} .design-package .bottom{background:url(images/bg_package_blue.png) no-repeat bottom; padding:5px 20px; height:50px} .design-package h3{color:#00499b; margin-bottom:10px} .design-package ul{margin:0; padding:0} .design-package li{background:url(images/check.png) no-repeat 0 2px; padding-left:20px; margin-bottom:10px} .design-package .price{float:left; color:#a2bbd6; font-size:10px; font-weight:bold; line-height:20px; margin-right:10px} .design-package .reduced{color:#ff8d8d} .design-package .price del{color:#a2bbd6} .design-package .price div{color:#fff; padding-left:10px; font-size:30px; font-weight:bold} .design-package .price div sup{font-size:14px; height:0; line-height:1; vertical-align:top; _vertical-align:top; position:relative} .design-package .details{float:right; background:url(images/button_details.png) no-repeat; width:116px; height:33px; overflow:hidden; text-indent:-9999px; margin-top:8px} .design-package .button_quote2{float:right; background:url(images/button_freequote2.png) no-repeat; width:116px; height:33px; overflow:hidden; text-indent:-9999px; margin-top:8px} .design-package-long{width:730px; float:left; overflow:hidden; margin:0 20px 30px 0} .design-package-long .top{background:url(images/bg_package_grey2.png) no-repeat; padding:20px 20px 10px 20px} .design-package-long .bottom{background:url(images/bg_package_blue2.png) no-repeat bottom; padding:5px 20px; height:50px} .design-package-long h3{color:#00499b; margin-bottom:10px} .design-package-long ul{margin:0; padding:0} .design-package-long li{background:url(images/check.png) no-repeat 0 2px; padding-left:20px; margin-bottom:10px} .design-package-long .price{float:left; color:#a2bbd6; font-size:10px; font-weight:bold; line-height:20px} .design-package-long .price div{color:#fff; padding-left:10px; font-size:30px; font-weight:bold} .design-package-long .price div sup{font-size:14px; height:0; line-height:1; vertical-align:top; _vertical-align:top; position:relative} .design-package-long .details{float:right; background:url(images/button_details.png) no-repeat; width:116px; height:33px; overflow:hidden; text-indent:-9999px; margin-top:8px} strong{font-weight:bold} /************************************************* WEB DESIGN PAGE *************************************************/ .featured-website{width:230px; float:left; display:inline; margin:10px 20px 10px 0} .featured-website ul{background:url(images/portfolio_infobox.gif) no-repeat bottom; padding:10px 10px 15px 10px;} .featured-website a.site{display:block} #design-services{float:left; width:475px;} #design-quote{float:right; background-color:#deecfb; width:200px; padding:15px} .webdesign-contact {margin-top:5px;} .webdesign-contact label{width:170px; font-size:10px; padding-right:10px} .webdesign-contact .textfield1{width:190px; height:20px; line-height:20px; font-size:16px; border:2px solid #bdbbbb; background-color:#FFFFFF; color:#666; margin-bottom:5px} .webdesign-contact .textfield2{width:190px; height:20px; line-height:20px; font-size:16px; border:2px solid #96c6ff; background-color:#fffde6; color:#666; margin-bottom:5px} .send-quote{margin:10px 0 5px 0} #webdesign-v1{ width:730px; height:183px; padding:10px; _padding-bottom:0px; background:url(images/webdesign_bg1.jpg) no-repeat top left; margin-bottom:12px; _margin-bottom:0px} #webdesign-v1 p{color:#f1f1f1;} #webdesign-v1 a{color:#c7ed19;} #webdesign-v2{ width:730px; height: 223px; padding:10px; _padding-bottom:0px; background:url(images/webdesign_heading3.jpg) no-repeat top left; margin-bottom:12px; _margin-bottom:0px} #webdesign-v2 #webdesign-left{float:left; width:370px; padding:20px} #webdesign-flash{float:right; width:290px;} #webdesign-left{float:left; width:490px; margin-right:25px} #webdesign-left .portfolio{margin-left:135px} #webdesign-right{float:left; width:205px; padding-top:10px} #webdesign-features{padding:0; margin:0 0 10px 0; color:#f1f1f1} #webdesign-features li{margin-bottom:5px; background:url(images/bul_check2.gif) no-repeat 0 5px; line-height:18px; padding-left:15px} #addons{margin-top:5px} #addons li{margin:0; padding:0 0 7px 10px; background:url(images/bul_disc.gif) no-repeat 0 7px;} #additional{float:left; width:350px; margin-right:30px} #how-works{float:left; width:350px } #design-steps{margin-top:5px} #design-steps li{margin:0 0 10px 0; line-height:normal} #design-steps .step{float:left; margin-right:10px; padding-top:4px; width:24px; height:30px} a.portfolio {display:block; float:left; width:220px; padding:10px; border:1px solid #f1f1f1; background-color:#f1f1f1; margin-bottom:0} a.portfolio:hover{background-color:#999; border:1px solid #999 /*#f2f8ff*/;} a.no-margin{margin-right:0} #client-login{float:right; height:31px; line-height:31px; width:500px; background:url(images/bg_supportnumber2.gif) repeat-y top right; padding:0 10px 0 0; margin-bottom:1px} #client-login a{color:#333; background:url(images/icon_login.gif) no-repeat 0 7px; padding-left:17px; display:block; width:70px;} #recent-work{background:url(images/bg_recentwork.gif) repeat-x #f4f4f4 top; padding:10px 15px;} #recent-work h2{margin-bottom:10px} #recent-work h3{font-size:12px;} .design{width:340px; float:left; margin-right:16px} /* IE PNG FIX * { behavior: url(iepngfix/iepngfix.htc) }*/ .design-thumb{background:url(images/bg_design.png) no-repeat top center; height:196px; display:block; text-align:center; padding-top:19px} .design-info{margin:0 15px} .design-info p{margin:0; padding:0} .preview{background:url(images/icon_preview.gif) no-repeat 0 0; padding-left:20px; text-decoration:none; margin-right:10px} .preview:hover{text-decoration:underline} .launch{background:url(images/icon_launch.gif) no-repeat 0 0; padding-left:20px; text-decoration:none} .launch:hover{text-decoration:underline} .packages{border:1px solid #ccc;} .packages h3{line-height:22px; margin-bottom:5px;} .packagemenu{clear:both;} .packagemenu li{float:left; width:100px; width:182px;} .packagemenu li a{color:#333; font-size:14px; font-weight:bold; text-decoration:none; padding:11px 10px 10px 10px; display:block; background:url(images/bg_packages.gif) no-repeat top right;} .packagemenu li a:hover {background:url(images/bg_packages.gif) no-repeat right -57px ; color:#333;} .packagemenu li a.active, .packagemenu li a.active:hover {background:url(images/bg_packages.gif) no-repeat bottom right; color:#0991ee;} .packagemenu li a div{font-size:12px; font-weight:normal; color:#333;} #express{background:url(images/bg_express.jpg) no-repeat bottom right; height:200px; padding:20px;} #blog{background:url(images/bg_blog.jpg) no-repeat bottom right; height:200px; padding:20px;} #knowledge{background:url(images/bg_knowledge.jpg) no-repeat bottom right; height:200px; padding:20px;} #market{background:url(images/bg_market.jpg) no-repeat bottom right; height:200px; padding:20px;} .package-features{width:250px} .package-features li{background:url(images/bul_check.gif) no-repeat 0 6px; padding-left:15px; margin-bottom:4px} .package-features li ul li{margin-left:10px; background:url(images/bul_disc.gif) no-repeat 0 6px; padding-left:12px; margin-bottom:0} .package-info{width:400px;} .package-price{position:relative; bottom:70px; width:100px; float:right; font-size:10px} .package-price div{font-weight:bold; font-size:14px; padding-bottom:5px} .request-info label, .request-info span {font-family:Arial, Helvetica, sans-serif} .request-info fieldset{border:1px solid #ccc; background:url(images/bg_fieldset.png) repeat-x;; font-family:Arial, Helvetica, sans-serif} .request-info legend{top:0; left:0} .request-info .textfield{padding:4px 2px; width:220px} .request-info .selectfield{padding:4px 2px; width:228px} .request-info h2{margin-bottom:10px} /************************************************* RIGHT COLUMN *************************************************/ #col-right p{padding-bottom:5px} #col-right-top{background:url(images/column_box_top.jpg) no-repeat bottom left; font-size:0px; height:10px} #col-right-bot{background:url(images/column_box_bot.jpg) no-repeat bottom left;} #col-section{ padding:10px; background-repeat: no-repeat; background-position: left bottom; } #col-section-support{ padding:10px; background-image: url(images/column_section_support.png); background-repeat: no-repeat; background-position: right bottom; } /************************************************* FOOTER *************************************************/ /* FOOTER NAV */ #footbox{ padding:10px 8px } #footbox ul{ display:block; font-size: 11px; color:#FFFFFF; text-align:center; margin-bottom: 5px; background-image: url(images/bg_nav3.gif); } #footbox ul li {display:inline; padding:0 1px; margin:0} #footbox ul li a{ font-size: 11px; color:#FFFFFF; text-decoration:none; padding:0; margin:0 } #footbox ul li a:hover{ text-decoration:underline; color: #CCCCCC; } /* FOOTER CONTENT */ #footer2 { margin:0; padding:15px 16px 20px 16px; text-align:justify; color:#7E7E7E; font-size:10px; line-height:16px } #footer2 h1{color:#7E7E7E; font-size:10px; padding:0; margin:0} #footer2 a{color:#7E7E7E; font-size:10px; padding:0; margin:0} /************************************************ TEMPLATES ***************************************************/ #template-box{} #template-box iframe{overflow:hidden; margin:0; border:1px solid #CCC; padding:0; margin:0;} #col-left-templates {display:inline; float:left; width:530px; padding:0; margin:0 10px 10px 0; background-color:#FFF;} #col-right-categories{display:inline; float:left; width:188px; margin:0 0 10px 0; background-color:#FFF;} /************************************************ POPUP *******************************************************/ .black_overlay{position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80);} .white_content { position:absolute; top:-2px; left:0px; width:Auto; height:Auto; z-index:1002; overflow:auto; text-align:center; } .popup{ width:469px; height:369px; background:url(images/bg_popup.jpg) no-repeat; padding-top:10px; } .popup_close{float:right; margin-right:40px; width:31px; height:31px; background:url(images/popup_close.jpg) no-repeat 0 0; text-decoration:none; display:block;} .popup_close:hover{background:url(images/popup_close.jpg) no-repeat 0 -31px;} .popup #sale_ends {margin-top:12px; float:left;} .popup_action{margin-top:280px;} .popup_action a{margin-bottom:10px; color:#cc0000; display:block}